35 lines
502 B
SCSS
35 lines
502 B
SCSS
.animated {
|
|
animation-duration: 1s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
@keyframes slideInDown {
|
|
from {
|
|
transform: translate3d(0, -100%, 0);
|
|
visibility: visible;
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.slideInDown {
|
|
animation-name: slideInDown;
|
|
}
|
|
|
|
@keyframes slideOutUp {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
|
|
.slideOutUp {
|
|
animation-name: slideOutUp;
|
|
animation-duration: 0.5s;
|
|
} |