mirror of
https://github.com/stackblitz/bolt.new
synced 2024-11-27 22:42:21 +00:00
37 lines
555 B
SCSS
37 lines
555 B
SCSS
.animated {
|
|
animation-fill-mode: both;
|
|
animation-duration: var(--animate-duration, 0.2s);
|
|
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
|
|
&.fadeInRight {
|
|
animation-name: fadeInRight;
|
|
}
|
|
|
|
&.fadeOutRight {
|
|
animation-name: fadeOutRight;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInRight {
|
|
from {
|
|
opacity: 0;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutRight {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|