Question

I have css like background: -moz-linear-gradient(center top , #59a1d8, #27247D) repeat scroll 0 0 #0f78c7; for my buttons which is fine for me in mozilla.
But in chrome browser it is not working, what is the equivalent of this.

Thanks,
nehatha

Answer 1

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#4096ee)); 
// Chrome, Safari4+

background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

http://www.colorzilla.com/gradient-editor/

Nice resource that makes gradients work in most browsers.