ombre dégradée en html / css

Question

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 ?

Zempachi · Answer

Salut,
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/

nonoch · Answer

juste une petite rectification :

le format gif gére la transparence, c'est le jpeg qui ne la gére pas

Zempachi · Answer

Je 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.

Ombre dégradée en html / css

3 réponses

Votre réponse

Discussions similaires

Newsletters