Link Nudging To Animate Images Using CSS3

<a href="ADD URL HERE" class="mbt-nudge">ADD TEXT HERE</a>

• Replace ADD URL HERE with your link like http://xyz.com
• Replace ADD TEXT HERE with the text that will display the link

For Image Nudging use this:

<img src="IMAGE LINK HERE" border="0" alt="Image Description here"  class="mbt-nudge" />

Make these changes:

• Replace IMAGE LINK HERE with the [a href="http://www.mybloggertricks.com/2009/11/create-blogger-backup-for-images-and.html" target="_blank"]Image URL[/a] of the pic
• Replace Image Description here with Image name or description. Optional

 

Take a look at your blogs and see the difference!  Here are some other tutorials which also offer some customization which might be of interest to you:

• [a href="http://www.mybloggertricks.com/2011/06/rotateanimate-images-using-css3-without.html" target="_blank"]Rotate/Animate Images[/a]
• [a href="http://www.mybloggertricks.com/2010/02/top-10-widely-used-image-hover-effects.html" target="_blank"]10 widely used image hover effects[/a]
• [a href="http://www.mybloggertricks.com/2009/09/learn-how-to-add-image-pop-up-and.html" target="_blank"]Image Pop up and Opacity Effect[/a]

Anims

About the Guest Author:

Anims is freelance web designer and enjoys playing around with and learning coding in his free time. He likes to write about Web Technologies such as HTML, CSS and SEO. He is a valuable MBT contributor.

Source: http://www.mybloggertricks.com/2011/06/link-nudging-to-animate-images-using.html