mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-01-23 03:07:05 +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);
|
|
}
|
|
}
|