Dégradé CSS
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 ;)
--
On s'ennuie pas avec l'informatique :)
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 ;)
--
On s'ennuie pas avec l'informatique :)
3 réponses
-
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;
-
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 ? -
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.
