Ombre dégradée en html / css
Bonjour,
Je développe un site internet, et j'aimerai obtenir quelque chose dans le genre https://www.ensci.com/ensci-les-ateliers/ On a donc le body en blanc, avec un dégradé en arrière plan. Pour le moment ça va. Mais on a également une ombre dégradée légèrement transparente. Ca je ne sais pas coder ...
Est ce que quelqu'un a une idée ?
Je développe un site internet, et j'aimerai obtenir quelque chose dans le genre https://www.ensci.com/ensci-les-ateliers/ On a donc le body en blanc, avec un dégradé en arrière plan. Pour le moment ça va. Mais on a également une ombre dégradée légèrement transparente. Ca je ne sais pas coder ...
Est ce que quelqu'un a une idée ?
Configuration: Windows Vista Firefox 3.0.3
3 réponses
-
ContributeurSalut,
dans ton cas le *.png s'impose.
En effet, utilise une image png pour chaque ombre, car le png gère le degradé de transparence ce que ne fais pas le gif.
Attention toutefois aux pbs liés à IE6 qui ne gère pas nativement le png : il faudra passer par un filtre pour IE6:
http://babylon-design.com/png-transparent-background-css-hack-internet-explorer/
-
juste une petite rectification :
le format gif gére la transparence, c'est le jpeg qui ne la gére pas -
ContributeurJe n'ai pas écrit que le gif ne gère pas la transparence mais le dégradé de transparence ou degré d'opacité si tu veux.
Un gif pourra être 100% opaque (opacité = 100%) ou 100% transparent (opacité = 0%) alors que le png peut être semi transparent (opacité = X % avec X entier compris entre 0 et 100).
Donc pour les ombres ou il y a un degradé de transparence, on est obligé de passer par du png.
