CSS3 gradienter – För alla webbläsare

På den gamla goda tiden krävdes bilder för att skapa gradienter / toningar på webbplatsen. Nu kan man göra det direkt i stilmallen med CSS3. Jag har ännu inte hittat någon bra variant för att få det att fungera med Opera. Lämna en kommentar om du har något tips.

CSS3 för Safari, Chrome, Firefox och Internet Explorer

-moz-linear-gradient körs med Firefox (Gecko-motorn)
-webkit-gradient körs med Safari och Chrome (Webkit-motorn)
-ms-filter och filter körs med Internet Explorer (Trident-motorn)

background: -moz-linear-gradient(top, #fff, #ddd);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd)";