CSS   90

overlay slide bottom css

Guest on 12th July 2022 12:46:17 AM

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

Raw Paste

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