Add Slant Effect to Images on Blogger 0

In this post I am going to tell you how to add slant effect to your images on blogger.  YHou can see a demo by putting your mouse cursor on the above picture.  So how to do this? Just follow the steps.

• Login to Blogger.
• Go to Template.
• Click Edit HTML
• Find ]]></b:skin> (Use ctrl+f)
• Past the code bellow just above ]]></b:skin>

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

• Now Save Template

When you posting blogger post. Go to HTML section on it. 

• Past the bellow code on HTML Section

<img class="newtricksandtips-slant" src="IMAGE URL" />

Change The IMAGE URL with your image URL

That's all.  Follow newtricksandtips on Google Friend Connect. Like newtricksandtips on facebook.

Don't forget to post a comment about the post.