@keyframes animation-move-top {
from {
top:30px;
}
to {
opacity:1;
top:0;
}
}
@keyframes animation-move-left {
from {
right:-30px;
}
to {
opacity:1;
right:0;
}
}
@keyframes animation-move-right {
from {
left:-30px;
}
to {
opacity:1;
left:0;
}
}
@keyframes animation-scale-fade-in {
from {
transform: scale(0.8);
}
to {
transform: scale(1);
opacity:1;
}
}
.animation {
position:relative;
opacity:0;
z-index:1;
}
.animation-move-top.animation-active {
animation: animation-move-top 0.5s 1;
animation-timing-function: ease-in-out;
animation-fill-mode:forwards;
}
.animation-move-right.animation-active {
animation: animation-move-right 0.5s 1;
animation-timing-function: ease-in-out;
animation-fill-mode:forwards;
}
.animation-move-left.animation-active {
animation: animation-move-left 0.5s 1;
animation-timing-function: ease-in-out;
animation-fill-mode:forwards;
}
.animation-scale-fade-in.animation-active {
animation: animation-scale-fade-in 0.5s 1;
animation-timing-function: ease-in-out;
animation-fill-mode:forwards;
}
.animation-active.animation-delay-01 {
animation-delay: 0.1s;
}
.animation-active.animation-delay-02 {
animation-delay: 0.2s;
}
.animation-active.animation-delay-03 {
animation-delay: 0.3s;
}
.animation-active.animation-delay-04 {
animation-delay: 0.4s;
}
.animation-active.animation-delay-05 {
animation-delay: 0.5s;
}
.animation-active.animation-delay-06 {
animation-delay: 0.6s;
}
.animation-active.animation-delay-07 {
animation-delay: 0.7s;
}
.animation-active.animation-delay-08 {
animation-delay: 0.8s;
}
.animation-active.animation-delay-09 {
animation-delay: 0.9s;
}
.animation-active.animation-delay-10 {
animation-delay: 1.0s;
}
.animation-active.animation-delay-11 {
animation-delay: 1.1s;
}
.animation-active.animation-delay-12 {
animation-delay: 1.2s;
}
.animation-active.animation-delay-13 {
animation-delay: 1.3s;
}
.animation-active.animation-delay-14 {
animation-delay: 1.4s;
}
.animation-active.animation-delay-15 {
animation-delay: 1.5s;
}
.animation-active.animation-delay-16 {
animation-delay: 1.6s;
}
.animation-active.animation-delay-17 {
animation-delay: 1.7s;
}
.animation-active.animation-delay-18 {
animation-delay: 1.8s;
}
.animation-active.animation-delay-19 {
animation-delay: 1.9s;
}
.animation-active.animation-delay-20 {
animation-delay: 2.0s;
}