Latest Posts :
Home » » How to add slant image effects for blogger

How to add slant image effects for blogger
















Hi, friends! Now, I will post about an image effect for blogger, thats's Add Slant Images Effect for Blogger. The effect is when you put your cursor on the image (which has added slanted effect), the image will be zooming and slanting at the moment.


  • DEMO - See the above picture how it changes when cursor placed on the image.


How can I add slant images effect for my blog? Just follow the step below, friend!



1. Log in to your blogger account

2. Go to Design --> Edit HTML

3. Copy the code below, and paste above

.FBT-slant:hover{
-moz-transform:rotate(22.5deg) scale(1.20);
-webkit-transform:rotate(22.5deg) scale(1.20);
}

4. Click 



To activate this effect, just use the class. Look at the example code below (the red-code is the class)

<img class="FBT-slant" src=" http://4.bp.blogspot.com/-oQKkFPiX0uo/Tk5rq8E6Z1I/AAAAAAAAAf4/njtG_1q_tSU/s1600/blogger_batik_by_mardee.png" />


OK, thats's all, friend. Hopefully useful...
Share this post :

Post a Comment

 
Support : Website by | Bharadwaj
Copyright © 2012. Easy Blog Tools - All Rights Reserved
Template Created by Easy Blog Tricks Published by Bharadwaj
Proudly powered by Blogger