31 lines
485 B
SCSS
31 lines
485 B
SCSS
@keyframes #{$rt-namespace}__zoomIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes #{$rt-namespace}__zoomOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
transform: translate3d(0,var(--y),0) scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.#{$rt-namespace}__zoom-enter {
|
|
animation-name: #{$rt-namespace}__zoomIn;
|
|
}
|
|
|
|
.#{$rt-namespace}__zoom-exit {
|
|
animation-name: #{$rt-namespace}__zoomOut;
|
|
}
|