2 different colors within the same link?

[laurentamale]

Is it possible to achieve this? like if I have a link with two words, and I only want the first word to be visible until you hover over the link, then both words are visible??

[bluewalrus]

Yes. Give this a try.


<a href"whatever.html">This will show up<span>This wont</span></a>

css


a {
visibility:visible;
}
a span {
color:#ffffff;
visibility:hidden;
}
a:hover span {
visibility:visible;
color:#ff0000;
}


You can use either option the visibility or the white font color.

[laurentamale]

Oh my gosh, thank you so much! I've been trying so many different variations of that code for the past couple of days, and your's actually works PERFECTLY! Thank you again!!!