I am trying to make a CSS3 button.
Problem: When I mouseover the button, a white thing appears from the bottom of the button. I narrow this problem down to the background-position: 0 -15px; CSS property, but how can I tweak it such that the gradient changes of mouseover but avoid the white thing from appearing? Thanks!
JSfiddle: http://jsfiddle.net/7LT35/
You have to change the
background-sizevalue!Insert to .btn this:
and adjust your gradient! Than it (hopefully) will work!
Here’s a result: http://jsfiddle.net/7LT35/6/
But I think it’s not the correct gradient!