Dégradé CSS

Theophile76 Messages postés 1817 Date d'inscription   Statut Membre Dernière intervention   -  
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Pour faire les dégradées de mes case de menu, j'utilise des image, mais c'est assez problématique à certains moment, par exemple quand j'augmente la hauteur de la case, je dois refaire le fond, où alors je dois faire des images qui sont grand à l'origine, mais sur le petite case le dégrade ne ressortira pas.
Je voulais donc savoir s'il existe un code CSS compatible tout navigateur pour créer un dégrader dans une case.
Quelque chose du genre "background-color:vertical-degrade(#FFF, #CCC)"
Merci ;)



3 réponses

Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Voici un lien pour créer des dégradés en CSS3 :
http://sldesign.openwab.com/2010/04/16/css3-degrades-natifs/
Et pour ce qui est du centrage d'un background :
background:url(image.gif) no-repeat center center;

1
Bertrand40 Messages postés 1196 Date d'inscription   Statut Membre Dernière intervention   194
 
Bonjour,

A part en CSS3, je crois que tu es obligé de passer par les images. Mais tous les navigateurs ne gèrent pas cette propriété CSS3.
0
Theophile76 Messages postés 1817 Date d'inscription   Statut Membre Dernière intervention   372
 
Ok merci,
et y'a t'il une technique pour centrer une image background en hauteur, et l'étirer proportionnellement en haut et en bas pour qu'elle remplisse le contenu ?
0