Rotating Image Effect When Highlighted Mouse

Rotating Image Effect When Highlighted Mouse, In this post I am currently trying to share design tutorial blogspot is about "rotating images effect when the mouse highlighted" This is so that we get cool blog just seen, continue how to create rotating images effect when the mouse is highlighted. How such a follow up to the end of this post and for example end up like the picture below:

How to make it like this
Rotating Image Effect When Highlighted Mouse
 

1. To make the effect bigger picture when the mouse is highlighted, first login to your blogger account belongs to my friend. 
2. Continue to click menu design »Edit HTML. 
3. Download the template first mate and I'll be safe if there is no backup template error. 
4. Then find this code]]> </ b: skin> 
5. If you have found, place the following code right above it.

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;} .post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

6. Save the template. See changes if it changed or not.
7. Do not forget to leave comments

Good luck and good luck if something is not understandable or less conceived simply uttered through the comment box below.

RELATED ARTICLES