SHARE
TWEET

Untitled

a guest Oct 12th, 2017 51 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // CSS Create Animation
  2. @keyframes tossing {
  3.     0% {
  4.         transform: rotate(-30deg);  
  5.     }
  6.     50% {
  7.         transform: rotate(30deg);
  8.     }
  9.     100% {
  10.         transform: rotate(-30deg);  
  11.     }                      
  12. }
  13.  
  14. @-webkit-keyframes tossing {
  15.     0% {
  16.         -webkit-transform: rotate(-30deg);  
  17.     }
  18.     50% {
  19.         -webkit-transform: rotate(30deg);
  20.     }
  21.     100% {
  22.         -webkit-transform: rotate(-30deg);  
  23.     }              
  24. }
  25.  
  26. // CSS Class
  27. .tossing{
  28.     animation-name: tossing;
  29.     -webkit-animation-name: tossing;    
  30.  
  31.     animation-duration: 5s;  
  32.     -webkit-animation-duration: 5s;
  33.  
  34.     animation-iteration-count: infinite;
  35.     -webkit-animation-iteration-count: infinite;
  36. }
RAW Paste Data
Top