CSS Library: Links & Buttons: Here
Animated link underlines
Author: Kieren Harding
This fun CSS code adds an animated underline to links on the page when the mouse rolls over them to grab visitors' attention!
Demo:
"I'm happy to announce the first Dynamic Drive CSS code contest, hopefully the first of many to come! Show off your CSS talents by submitting an original, CSS example to possibly be featured here. The top 3 submissions will each be awarded with a prize"The single image used:
The CSS:
Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.
Comment Pages 2 of 5 pages < 1 2 3 4 > Last »
Cool feature can you box it around the link too?
This does not work in like most things this does not work in Internet Explorer.
Reminds me of the "Marching Ants" in MS Word...
Works fine for me in IE 6.
Works fine for me in IE 6.
This is so cool. I tried this beauty on my CSS journl on Deviantart. Thank you Kieren.
People have criticised the graphic used in the example above but this was only used for demonstrational purposes. You can have a much more subtle effect by simply using a different graphic, for example checkout the effect kjherstin (above) achived by using a different graphic - http://kjherstin.deviantart.com/journal/
Nice one kjherstin!
Nice one kjherstin!
it is easy but very effective. i like it very much. i have never thought as this.
Michael is upset he didnt think of it .. I think it's terrific and as rguerra suggests, it won't overload the page
I think this effect was good in 1998...
Never thought of that! Nice job, simple plus effective! YOu could've used a different AGIF though...
Works very well, thank you very much!
