Ombre dégradée en html / css
Mymyst
Messages postés
23
Date d'inscription
Statut
Membre
Dernière intervention
-
Zempachi Messages postés 7472 Date d'inscription Statut Contributeur Dernière intervention -
Zempachi Messages postés 7472 Date d'inscription Statut Contributeur Dernière intervention -
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 ?
A voir également:
- Ombre dégradée en html / css
- Editeur html - Télécharger - HTML
- Espace en html - Astuces et Solutions
- Br html ✓ - Forum Webmastering
- Espace HTML ✓ - Forum HTML
- Ombre interne illustrator ✓ - Forum Illustrator
3 réponses
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/
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
le format gif gére la transparence, c'est le jpeg qui ne la gére pas
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.
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.
