added new animations
This commit is contained in:
@@ -120,16 +120,11 @@
|
|||||||
--breakpoint-xs: 480px;
|
--breakpoint-xs: 480px;
|
||||||
|
|
||||||
/* ANIMATIONS */
|
/* ANIMATIONS */
|
||||||
<<<<<<< HEAD
|
--animate-marquee: marquee 20s linear infinite;
|
||||||
--animate-marquee: marquee 3s linear infinite;
|
|
||||||
--animate-slide-down: slideDown 300ms ease-out;
|
--animate-slide-down: slideDown 300ms ease-out;
|
||||||
--animate-slide-up: slideUp 300ms ease-out;
|
--animate-slide-up: slideUp 300ms ease-out;
|
||||||
--animate-overlay-show: overlayShow 150ms ease-in;
|
--animate-overlay-show: overlayShow 150ms ease-in;
|
||||||
--animate-content-show: contentShow 150ms ease-in;
|
--animate-content-show: contentShow 150ms ease-in;
|
||||||
=======
|
|
||||||
--animate-marquee: marquee 25s linear infinite;
|
|
||||||
--animate-marquee-reverse: marquee 25s linear infinite reverse;
|
|
||||||
>>>>>>> be4fa509843c81855f5ffc118150196c94a7b17b
|
|
||||||
|
|
||||||
@keyframes marquee {
|
@keyframes marquee {
|
||||||
to {
|
to {
|
||||||
@@ -167,11 +162,11 @@
|
|||||||
@keyframes contentShow {
|
@keyframes contentShow {
|
||||||
from {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate(-50%, -48%) scale(0.96);
|
transform: scale(0.96);
|
||||||
}
|
}
|
||||||
to {
|
to {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: translate(-50%, -50%) scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user