CSS   83

overlay slide top css

Guest on 12th July 2022 12:48:53 AM

  1. @keyframes overlay-slide-in-top {
  2.   0% {
  3.     height: 100%;
  4.   }
  5.   100% {
  6.     height: 0;
  7.   }
  8. }
  9.  
  10.  
  11. .overlay-slide-in-top {
  12.   top: 0;
  13.   height: 0;
  14.   animation-name: overlay-slide-in-top;
  15. }
  16.  
  17.  
  18. @keyframes overlay-slide-out-top {
  19.   0% {
  20.     height: 0;
  21.   }
  22.   100% {
  23.     height: 100%;
  24.   }
  25. }
  26.  
  27.  
  28. .overlay-slide-out-top {
  29.   top: 0;
  30.   height: 100%;
  31.   animation-name: overlay-slide-out-top;
  32. }

Raw Paste


Login or Register to edit or fork this paste. It's free.