10 Ways to animate your hyperlinks
With some basic knowledge in HTML and CSS, anyone can stylize the regular dull links (blue and underlined) to match the look and feel of a design. CSS provides some powerful ways to style your hyperlinks but if you want to go one step further and add some smooth animation to your hyperlinks, than I believe you will find this list useful.
Use this technique developed by Nitin, to make your links even more sexier.
Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting.
A plugin for MooTools which does pretty much the same thing as the effect above mentioned.
This is a short MooTools code, that uses the native :hover element and overrides it’s functionality.
Here’s a simple UX trick that can be easily implemented into your web sites. With a few lines of jQuery it will make your text links fade to another color on rollover.
Add the ability to make elements “glow” when you hover over them. For browsers that support the text-shadow CSS property, you can also add a halo.
This is a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout.
In this post you will learn how to create a nice and simple vertical menu with css and jquery, writing few lines of code.
When you rollover one item of your menu, the font-size expand to 225%, the color fade to yellow and the other items are giving more space to the hovered item, when you roll out it will take its place back in the menu.
In this post you will see how to create some cool menus with jQuery and jQuery Color Plugin.