CSS3 - Simples dégradés

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".
Gpenverne

Gpenverne

Dév back, symfonien, adore bidouiller des machins pour faire des bidules, sans se poser la question de leur utilité...

Read More