CSS3 Link Color Transition Effect

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.


                                          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;
}

Favorite0