Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Ombre en haut et en bas en interne


Sujet :

Ombre portée en CSS avec box-shadow

  1. #1
    Futur Membre du Club
    Ombre en haut et en bas en interne
    Bonjour,
    je suis en pleine création de site et je rencontre un problème au niveau du CSS,
    Je cherche à faire des ombres internes uniquement en haut et en bas et surtout pas sur les côtés mais je n'y arrive pas, j'ai fait des recherche et la seul solution que je trouve c'est :
    Code :Sélectionner tout -Visualiser dans une fenêtre à part
    box-shadow:0px 0px 20px 0px  black inset;

    Ce qui me fait des ombres des 4 côtés.

    Je cherche à faire ça :

    mais j'obtiens ça :


    avez vous une solution autre que par une image de fond svp?
    Merci.

  2. #2
    Invité
    Invité(e)
    Bonjour,

    Code :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
      background: #ddd;
      box-shadow: 0px 20px 10px -10px #666 inset, 0px -20px 10px -10px #666 inset;


    Voir aussi : dégradé linéaire.

  3. #3
    Futur Membre du Club
    Merci beaucoup, c'est exactement ça qu'il me fallait.