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

61 votes357 views3 answers
Css radius background color
CSS
60 votes365 views4 answers
Hide scroll bar for a dive
CSS
1 vote339 views1 answer
Export database spinup on terminal commands
CSS
1 vote364 views1 answer
Css width fit to content
CSS
-1 vote349 views1 answer
Css code for green
CSS
0 vote365 views1 answer
Bulk order pre cooked pasta
CSS
1 vote337 views1 answer
How to change the underline thickness in css
CSS
1 vote347 views1 answer
Mos css
CSS
0 vote376 views1 answer
Width cross browser
CSS
0 vote327 views1 answer
Add a class to header
CSS