CSS   22

rotate-sm css

Guest on 12th July 2022 12:33:12 AM

  1. @keyframes rotate-in-sm {
  2.   0% {
  3.     transform: rotate(-45deg);
  4.     transform-origin: center center;
  5.     opacity: 0;
  6.   }
  7.   100% {
  8.     transform: rotate(0);
  9.     transform-origin: center center;
  10.     opacity: 1;
  11.   }
  12. }
  13.  
  14.  
  15. .rotate-in-sm {
  16.   animation-name: rotate-in-sm;
  17. }
  18.  
  19.  
  20. @keyframes rotate-out-sm {
  21.   0% {
  22.     transform: rotate(0);
  23.     transform-origin: center center;
  24.     opacity: 1;
  25.   }
  26.   100% {
  27.     transform: rotate(45deg);
  28.     transform-origin: center center;
  29.     opacity: 0;
  30.   }
  31. }
  32.  
  33.  
  34. .rotate-out-sm {
  35.   animation-name: rotate-out-sm;
  36. }

Raw Paste


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