Text color fading in menus when hovering

[admin]

I tried this in a Thesis template where it is easy to put in extra css - you can see the effect here: http://www.totalwordpressoptimization.com

Yes I know - the site is not very pretty - yet!!!

CSS:

a:hover {color:#FFFFFF; -webkit-transition:color 450ms ease-in; -moz-transition:color 450ms ease-in; -o-transition:color 450ms ease-in; transition:color 450ms ease-in; }


Usage:

Set the color:#something and the fade time in mili seconds.

transition-property: width, font-size /* W3C */
-webkit-transition-property: width, font-size /* Safari & Chrome */
-moz-transition-property: width, font-size /* Firefox */
-ms-transition-property: width, font-size /* Internet Explorer */
-o-transition-property: width, font-size /* Opera */



More about transition: https://developer.mozilla.org/en-US/docs...ransitions

[admin]

I tried this in a Thesis template where it is easy to put in extra css - you can see the effect here: http://www.totalwordpressoptimization.com

Yes I know - the site is not very pretty - yet!!!

CSS:

a:hover {color:#FFFFFF; -webkit-transition:color 450ms ease-in; -moz-transition:color 450ms ease-in; -o-transition:color 450ms ease-in; transition:color 450ms ease-in; }


Usage:

Set the color:#something and the fade time in mili seconds.

transition-property: width, font-size /* W3C */
-webkit-transition-property: width, font-size /* Safari & Chrome */
-moz-transition-property: width, font-size /* Firefox */
-ms-transition-property: width, font-size /* Internet Explorer */
-o-transition-property: width, font-size /* Opera */



More about transition: https://developer.mozilla.org/en-US/docs...ransitions