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

0 vote155 views1 answer
Css set width of a span
CSS
5 votes148 views2 answers
Onclick reload an iframe
CSS
5 votes153 views3 answers
Css set div heigtto screen
CSS
2 votes158 views1 answer
Select dropdown icon change
CSS
0 vote168 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
1 vote157 views3 answers
Css background image not working
CSS
0 vote154 views1 answer
Css nested
CSS
0 vote165 views1 answer
Add black layer on image css
CSS
0 vote158 views1 answer
Long text coming out of the block
CSS
0 vote106 views2 answers
Tailwind.min.css cdn
CSS