Izvor: Baguje.com, 05.Maj.2011, 11:44 (ažurirano 02.Apr.2020.)
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, >> Pročitaj celu vest na sajtu Baguje.com << #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/
Slični postovi:[CSS3] Nacrtajte lupu kodom
Gradient, zaobljeni ćoškovi i senke koristeći samo CSS
Animirajte svoj sajt koristеći samo CSS
Post "Većina najnovijih veb brauzera podržava CSS3 gradients" je objavio djevrek za sajt Baguje.COM, dana 5. 05. 2011.
Kategorije: CSS | Tagovi: css gradients, css3
