Konačno je došao i taj dan kada većina novih veb brauzera podržava CSS3 gradijente. Do sada su to podržavali samo Google Chrome, Safari i Firefox, a od nedavno nekim delom Opera i Internet Explorer 10 alfa.
A kako izgleda trenutno kod koji morate otkucati da bi vaš CSS3 gradient radio na svim brauerima ?
[css]
/* IE10 */
background-image: -ms-linear-gradient(top, #FEFEFE 0%, #d2d2d2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FEFEFE 0%, #d2d2d2 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FEFEFE 0%, #d2d2d2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #d2d2d2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FEFEFE 0%, #d2d2d2 100%);
/* Proposed W3C Markup */
background-image: linear-gradient(top, #FEFEFE 0%, #d2d2d2 100%);
[/css]
Impresivno zar ne ?
Alatka koja trenutno generiše ovaj kod koji podržava sve brauzere se nalazi na adresi http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/