daily pastebin goal
80%
SHARE
TWEET

Rotate Effect

Berandal666 Apr 11th, 2017 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .rotate {
  2. animation-name: rotate ;
  3. animation-duration: 5s;
  4. animation-play-state: running;
  5. animation-timing-function: linear;
  6. animation-iteration-count: infinite;
  7. opacity: 1.0;filter: alpha(opacity=50);} img:hover {opacity: 1.0;filter: alpha(opacity=100);}
  8.  
  9. @keyframes rotate{
  10. 10% {transform:rotateY(36deg)}
  11. 20% {transform:rotateY(72deg)}
  12. 30% {transform:rotateY(108deg)}
  13. 40% {transform:rotateY(144deg)}
  14. 50% {transform:rotateY(180deg)}
  15. 60% {transform:rotateY(216deg)}
  16. 70% {transform:rotateY(252deg)}
  17. 80% {transform:rotateY(288deg)}
  18. 90% {transform:rotateY(324deg)}
  19. 100% {transform:rotateY(360deg)}
  20. }
RAW Paste Data
Top