CSS3 - Simples dégradés

ARCHIVE
Pour obtenir des dégradés, directement en css, voici comment procéder : Partons du principe que vous souhaitez obtenir un dégradé allant de #333333 à #111111  
background: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#111111)); background: -moz-linear-gradient(top,#333333,#111111); background-image: -o-linear-gradient(#333333,#111111); background: transparent 9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');  
A destination des navigateurs utilisant le moteur WebKit (chrome, safari...), c'est cette ligne qui agit :
background: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#111111));
Pour les navigateurs utilisant le moteur mozilla (firefox, essentiellement) :
background: -moz-linear-gradient(top,#333333,#111111);
Pour les navigateurs de type opera :
background-image: -o-linear-gradient(#333333,#111111);
  Et pour internet explorer :
background: transparent 9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');
  Bien entendu, on pourra se faire la remarque qu'une petite image pour faire un dégradé serait bien + compatible, et tout aussi rapide à mettre en place. Mais ce n'est pas "In".
Une question? Une remarque? Un avis? Twittons-en!

When you click on links to various merchants on this site and make a purchase, this can result in this site earning a commission.
Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network and Amazon.