Code pour faire une ombre en css
TE DEUM
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
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
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Code blocks - Télécharger - Langages
2 réponses
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.
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.
Photofiltre et Gimp sont gratuits?
Sinon Photofiltre Studio est payant, donc prend seulement photofiltre.
Merci.