Revision: 61969
Updated Code
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
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
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