Većina najnovijih veb brauzera podržava CSS3 gradients
|
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 ?
/* 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%);
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/