Code pour faire une ombre en css
Fermé
TE DEUM
-
24 sept. 2010 à 19:17
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 25 sept. 2010 à 15:25
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 25 sept. 2010 à 15:25
Bonjour,
Je voudrais faire apparaitre un "ombrage" entre la page de mon site et l'arrière plan. Je m'explique : https://www.platinapartners.com/ Je voudrais faire comme ce site il y a entre la page blanche et le fond gris une petite ombre entre le fond et la page. Je ne sais pas reproduire cet ombrage! j'utilise des feuilles de style css mais je débute et j'avoue avoir un peu de mal là!
Merci de votre aide.
Je voudrais faire apparaitre un "ombrage" entre la page de mon site et l'arrière plan. Je m'explique : https://www.platinapartners.com/ Je voudrais faire comme ce site il y a entre la page blanche et le fond gris une petite ombre entre le fond et la page. Je ne sais pas reproduire cet ombrage! j'utilise des feuilles de style css mais je débute et j'avoue avoir un peu de mal là!
Merci de votre aide.
A voir également:
- Code pour faire une ombre en css
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Code deverouillage telephone perdu - Guide
- Code blocks - Télécharger - Langages
2 réponses
GameTwo
Messages postés
385
Date d'inscription
dimanche 11 octobre 2009
Statut
Membre
Dernière intervention
15 juin 2012
67
24 sept. 2010 à 19:23
24 sept. 2010 à 19:23
Une petite ombre ? Je ne vois rien du tout, désolé...
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
25 sept. 2010 à 15:25
25 sept. 2010 à 15:25
Maintenant qu'IE9 est sur le point de sortir avec un meilleur support des CSS, on peut utiliser le box-shadow en css3.
Bien sûr cela ne fonctionnera pas avec les anciennes versions d'IE, mais il faut inciter les internautes à faire la mise à jour (ce que tu devrais faire aussi en mettant à jour ton IE7...)
La syntaxe css est la suivante (appliquée à un <div id="ombre"> par exemple)
Les -moz et -webkit sont destinés aux navigateurs gecko (firefox, seamonkey) et webkit (safari, chrome), qui ont encore besoin de ces préfixes pour que ça fonctionne.
Les deux premières valeurs sont pour les décalages horizontal et vertical, la 3ème est pour le flou de l'effet d'ombrage.
Bien sûr cela ne fonctionnera pas avec les anciennes versions d'IE, mais il faut inciter les internautes à faire la mise à jour (ce que tu devrais faire aussi en mettant à jour ton IE7...)
La syntaxe css est la suivante (appliquée à un <div id="ombre"> par exemple)
#ombre {
-moz-box-shadow:1px 1px 1px black;
-webkit-box-shadow:1px 1px 1px black;
box-shadow:1px 1px 1px black;
}
Les -moz et -webkit sont destinés aux navigateurs gecko (firefox, seamonkey) et webkit (safari, chrome), qui ont encore besoin de ces préfixes pour que ça fonctionne.
Les deux premières valeurs sont pour les décalages horizontal et vertical, la 3ème est pour le flou de l'effet d'ombrage.
24 sept. 2010 à 19:25
Ce n'est pas du CSS, il faut simplment faire ça avec un logiciel comme Photofiltre ou encore Gimp, en faite c'est le fond de la page qui est comme ça.
24 sept. 2010 à 19:39
Photofiltre et Gimp sont gratuits?
24 sept. 2010 à 19:40
24 sept. 2010 à 19:41
Sinon Photofiltre Studio est payant, donc prend seulement photofiltre.
24 sept. 2010 à 19:44
Merci.