Return to Snippet

Revision: 61969
at January 25, 2013 10:49 by bmayzure


Updated Code
a {
	transition: color 0.25s;
	-moz-transition: color 0.25s;
	-webkit-transition: color 0.25s;
	-ms-transition: color 0.25s;
	-o-transition: color 0.25s;
	/* Fix horrible weird thickness BS */
	opacity: 0.9999999;
}
a:link, a:visited{
	color:#FF0000;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color:#F90;
	text-decoration:underline;
}

Revision: 61968
at January 25, 2013 10:21 by bmayzure


Initial Code
a {
	transition: color 0.25s;
	-moz-transition: color 0.25s;
	-webkit-transition: color 0.25s;
	-o-transition: color 0.25s;
	/* Fix horrible weird thickness BS */
	opacity: 0.9999999;
}
a:link, a:visited{
	color:#FF0000;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color:#F90;
	text-decoration:underline;
}

Initial URL


Initial Description
A simple CSS3 link-color transition effect. Fades from the base color to the active/focus color and back on rollover. A nice little added effect that's pretty well cross browser. Works with Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/etc), and IE 10. Degrades nicely for unsupported browsers.

Initial Title
CSS3 Link Color Transition Effect

Initial Tags
link, color, CSS3

Initial Language
CSS