The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] filled button left to right with css
http://s22.postimg.org/k2bmn72rl/gifbutton.gif
is there anyway to use css to achieve the above effect when mouse over on the button? thanks!
You can use the :before pseudo-element
http://jsfiddle.net/kmxLhaeo/
Plenty of answers here – http://stackoverflow.com/questions/27036969/fill-button-with-a-different-color-on-hover
Pseudo elements on buttons is a bit hit and miss crossbrowser-wise…but you can use an internal span to avoid that.
http://jsfiddle.net/cxo0dx6x/
Thanks Salmen for your help, it works great :) thx!
Thanks Paulie. The :before pseudo-element works great for my navigation. 10q :)