Ombre dégradée en html / css
Fermé
Mymyst
Messages postés
23
Date d'inscription
lundi 22 septembre 2008
Statut
Membre
Dernière intervention
13 septembre 2009
-
16 nov. 2008 à 09:44
Zempachi Messages postés 7472 Date d'inscription vendredi 14 octobre 2005 Statut Contributeur Dernière intervention 5 juin 2020 - 30 déc. 2008 à 09:14
Zempachi Messages postés 7472 Date d'inscription vendredi 14 octobre 2005 Statut Contributeur Dernière intervention 5 juin 2020 - 30 déc. 2008 à 09:14
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
- Ombre interne illustrator - Forum The Gimp
- Espace en html ✓ - Forum Webmastering
- Espace HTML ✓ - Forum HTML
- Ombre noire sur écran télé - Forum Téléviseurs
3 réponses
Zempachi
Messages postés
7472
Date d'inscription
vendredi 14 octobre 2005
Statut
Contributeur
Dernière intervention
5 juin 2020
906
16 nov. 2008 à 12:19
16 nov. 2008 à 12:19
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
Zempachi
Messages postés
7472
Date d'inscription
vendredi 14 octobre 2005
Statut
Contributeur
Dernière intervention
5 juin 2020
906
30 déc. 2008 à 09:14
30 déc. 2008 à 09:14
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.
