tvbtoday Posted April 23, 2008 Share Posted April 23, 2008 I want to make a link hover that is gradient. How do I do it? This site has an example of how I want to make it. Thanks!http://selena.fanlounge.org/ Link to comment Share on other sites More sharing options...
Synook Posted April 23, 2008 Share Posted April 23, 2008 Images. Link to comment Share on other sites More sharing options...
elementalgrace Posted April 23, 2008 Share Posted April 23, 2008 Images.If you set your a tag to have a background image, then you can set the a:hover to have a different background image when you hover over it. For example:HTML<div id="menu"><ul><li>Menu item 1</li><li>Menu Item 2</li><li>Menu Item 3</li></ul></div> CSS #menu li a{background: #xxx url(images/yyy.gif) repeat-x;}#menu li a:hover{background: #xxx url(images/zzz.gif) repeat-x;} Link to comment Share on other sites More sharing options...
jeffman Posted April 23, 2008 Share Posted April 23, 2008 Just, whatever you do, don't copy the source code ideas from the Selena page. Rollover images need a way to be preloaded. That hesitation on the first rollover is disgraceful. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.