+- Total WordPress Optimization • Search Engine Optimization • WordPress & SEO • WordPress security • PPC • Psychology • WordPress Design • WordPress Installation (https://totalwpoptimization.net)
+-- Forum: Total WordPress Optimization (https://totalwpoptimization.net/forumdisplay.php?fid=19)
+--- Forum: Amazing Website design (https://totalwpoptimization.net/forumdisplay.php?fid=107)
+---- Forum: Menu Design (https://totalwpoptimization.net/forumdisplay.php?fid=171)
+---- Thread: Text color fading in menus when hovering (/showthread.php?tid=404)
Text color fading in menus when hovering - admin - 02-03-2014
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/Web/Guide/CSS/Using_CSS_transitions
RE: Text color fading in menus when hovering - Christine - 02-22-2014
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.
RE: Text color fading in menus when hovering - admin - 03-07-2014
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...