20 lines
551 B
CSS
20 lines
551 B
CSS
@keyframes animate-translate-keys {
|
|
0% {
|
|
transform: translateY(var(--anim-translate-y-0)) translateX(var(--anim-translate-x-0));
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(var(--anim-translate-y-100)) translateX(var(--anim-translate-x-0));
|
|
}
|
|
}
|
|
|
|
.animate-translate {
|
|
animation-name: animate-translate-keys;
|
|
animation-iteration-count: var(--anim-iter, 1);
|
|
animation-duration: var(--anim-duration, 1s);
|
|
animation-delay: var(--anim-delay, 0s);
|
|
animation-timing-function: var(--anim-ease, linear);
|
|
|
|
transform: translateY(var(--anim-translate-y-100));
|
|
}
|