Animation clip path

.down-enter-active { animation: 1s down-enter; }
.down-leave-active { animation: 1s down-leave; }

@keyframes down-enter {
  0% { clip-path: inset(0 0 100% 0); }
  100% { clip-path: inset(0); }
}

@keyframes down-leave {
  0% { clip-path: inset(0); }
  100% { clip-path: inset(100% 0 0 0); }
}

Source: css-tricks.com

Similar codes

12 votes277 views3 answers
Css background image size fit screen
CSS
0 vote160 views2 answers
Failed to start ssh.service: Unit ssh.service not found.
CSS
70 votes163 views6 answers
Center in css
CSS
0 vote160 views1 answer
Html css hide details arrow
CSS
-3 votes148 views1 answer
How do i make a div full width with css
CSS
0 vote191 views1 answer
Liste commandes disponibles linux
CSS
0 vote157 views2 answers
How to change svg image color on hover using css
CSS
53 votes161 views4 answers
On hover css
CSS
33 votes163 views6 answers
Background image opacity css
CSS
1 vote150 views1 answer
Michigan score
CSS