1.down-enter-active { animation: 1s down-enter; }
2.down-leave-active { animation: 1s down-leave; }
3
4@keyframes down-enter {
5 0% { clip-path: inset(0 0 100% 0); }
6 100% { clip-path: inset(0); }
7}
8
9@keyframes down-leave {
10 0% { clip-path: inset(0); }
11 100% { clip-path: inset(100% 0 0 0); }
12}