SHARE
TWEET

Rotating IMG Hover

putuebo Nov 29th, 2013 30 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. CSS:
  2. -------------------------------------------------------------------------------------------
  3.  
  4. p #efekberputar img { /* untuk efek berputar 360deg ketika dilewati cursor dan ditinggal */  
  5.     -moz-transition: all 0.8s ease-in-out;  
  6.     -webkit-transition: all 0.8s ease-in-out;  
  7.     -o-transition: all 0.8s ease-in-out;  
  8.     -ms-transition: all 0.8s ease-in-out;  
  9.     transition: all 0.8s ease-in-out;  
  10.     }  
  11.      
  12. p #efekberputar img:hover {  
  13.     -moz-transform: rotate(360deg);  
  14.     -webkit-transform: rotate(360deg);  
  15.     -o-transform: rotate(360deg);  
  16.     -ms-transform: rotate(360deg);  
  17.     transform: rotate(360deg);  
  18.     }  
  19.  
  20.  
  21.  
  22. HTML:
  23. -------------------------------------------------------------------------------------------
  24.  
  25. <p id="efekberputar">  
  26.     <a href="">  
  27.     <img border="0" src="" /></a>  
  28.     </p>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top