Google Chrome background-gradient
Have you tried:
background: -webkit-linear-gradient(#917c4d, #ffffff);
WebKit updated to match the spec syntax, so you should have this to get maximum browser support:
background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));background: -webkit-linear-gradient(#917c4d, #ffffff);background: -moz-linear-gradient(#917c4d, #ffffff);background: -o-linear-gradient(#917c4d, #ffffff);background: -ms-linear-gradient(#917c4d, #ffffff);background: linear-gradient(#917c4d, #ffffff);
CSS3 linear-gradient tag is now supported by all major browsers.
The syntax requires an additional to
. Therefore instead of e.g. center top
, left top
etc use e.g. to top
like
background-image: linear-gradient(to top , #094F86, #4EABDB);
Have you tried this:
<style>.myawesomegradient{background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#000000));}</style>
Should work in Safari and Chrome ...