Code pour faire une ombre en css

TE DEUM -  
notobe Messages postés 2222 Statut Membre -
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.

2 réponses

  1.
    GameTwo Messages postés 463 Statut Membre 66
     
    Une petite ombre ? Je ne vois rien du tout, désolé...
    0
    1. GameTwo Messages postés 463 Statut Membre 66
       
      Tu veut peut-être dire la nuance de gris foncé autour du cadre de la page ?
      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.
      0
    2. TE DEUM
       
      Ouai entre le blanc et le gris y a un dégradé de gris. Je voudrais reproduire ça! C'est léger mais ça y est.
      Photofiltre et Gimp sont gratuits?
      0
    3. zehustler Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
       
      oui les deux le sont
      0
    4. GameTwo Messages postés 463 Statut Membre 66
       
      Oui ils le sont, il y a aussi Photoshop qui est payant je crois, mais qui est exellent.
      Sinon Photofiltre Studio est payant, donc prend seulement photofiltre.
      0
    5. TE DEUM
       
      Ok je vais tentera avec Photofiltre! J'aurais peut-être des questions pour utiliser le logiciel sauf sil il est facile d'utilisation.

      Merci.
      0
  2. notobe Messages postés 2222 Statut Membre 213
     
    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) 

    #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.
    0

Discussions similaires

Codes bateaux et avion GTA vice city Stories
matt3610 -
Diglo -

30 réponses
Codes de triche GTA Vice City Stories PSP
nicolas_2012 -
GTA gameur -

24 réponses
C'est quoi un BILLING ZIP CODE
bikanane -
fabul -

1 réponse