Dégradé CSS Fermé

Question

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 ;)


Configuration: Windows 7
Chrome

Bertrand40 · Answer

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.

Theophile76 · Answer

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 ?

Melooo · Answer

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;

Dégradé CSS

3 réponses

Discussions similaires