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 - Put your cursor on the picture above
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 -moz-transform:rotate(22.5deg) scale(1.20);
-webkit-transform:rotate(22.5deg) scale(1.20);
}
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...
Post A Comment: