brooklyndesignstudio

Gripes Hand Rotate Effect

Aug 18th, 2020
2,114
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*-----------------------------------------------------*/
  2. /*------------- GRIPES HAND ROTATE EFFECT -------------*/
  3. /*-----------------------------------------------------*/
  4. .gripes-hand {
  5.   -webkit-animation-name: rotate;
  6.   animation-delay: 3s;
  7.   -webkit-animation-duration: 10s;
  8.   -webkit-animation-iteration-count: infinite;
  9.   -webkit-animation-direction: normal;
  10.   -webkit-transform-origin: 50% 0%;
  11.   -webkit-animation-timing-function: linear;
  12. }
  13. @-webkit-keyframes rotate {
  14.   0% {
  15.     -webkit-transform: rotate(0deg);
  16.   }
  17.   2% {
  18.     -webkit-transform: rotate(14deg);
  19.   }
  20.   6% {
  21.     -webkit-transform: rotate(-14deg);
  22.   }
  23.   8% {
  24.     -webkit-transform: rotate(0deg);
  25.   }  
  26.   100% {
  27.     -webkit-transform: rotate(0deg);
  28.   }
  29. }
RAW Paste Data