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 4 pages < 1 2 3 4 >
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
Never thought of that! Nice job, simple plus effective! YOu could've used a different AGIF though...
Works very well, thank you very much!
This one is creative. I think I can adapt it for another idea I have. Thanks for sharing.
if you ever hope to retain visitors, avoid using this technique at all costs.
Commenting is not available in this weblog entry.