Total WordPress Optimization • Search Engine Optimization • WordPress & SEO • WordPress security • PPC • Psychology • WordPress Design • WordPress Installation

Full Version: Text color fading in menus when hovering
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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
I really like the design you have now. It looks quite nice. I don't know if you changed anything since posting this, but I really like the simple design and color scheme. I like how every bar on the page is in different color.
Thanks! The road to success is always under construction !

So maybe it will change a little over time, but for now I will keep it as it is - with smaller changes to the sidebar soon...