21 lines
467 B
CSS
21 lines
467 B
CSS
@charset "UTF-8";
|
|
|
|
@keyframes slide-down-revert {
|
|
0% {
|
|
transform: translate(0, 0%);
|
|
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(0, -100%);
|
|
clip-path: polygon(0% 100%, 100% 100%, 100% 200%, 0% 200%);
|
|
}
|
|
}
|
|
|
|
.slide.down.revert.animated {
|
|
animation-duration: var(--animation-duration, 0.2s);
|
|
animation-name: slide-down-revert;
|
|
animation-fill-mode: forwards;
|
|
animation-timing-function: cubic-bezier(1, 0, 1, 1);
|
|
}
|