Hannes Weninger: CSS shadow

SELF-Forum

CSS shadow

Hannes Weninger
– Informationen zu den Bewertungsregeln

Hallo,

ich hätte eine Frage zu den Shadows für einen div- container.
Mit:

  
#wrapper {  
  
   -webkit-box-shadow: 3px 3px 3px #777;  
   box-shadow: 3px 3px 3px #777;  
}

bekomm ich im #wrapper- container einen Schatten auf der rechten Seite mit 3px breite.
Ich möchte jetzt diesen Schatten aber auf beiden Seiten gleich haben, d.h. auf der linken und auf der rechten Seite 3px.

Wie kann ich das machen?
Vielen Dank,
lg
Hannes

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS shadow

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Wie kann ich das machen?

    Indem du deinen Schatten nicht verschiebst (so wie aktuell einfach nach links unten) sondern zentrierst und dir anschaust, wie die Box-Shadow-Eigenschaft funktioniert - 2 der Werte sind für das Offset des Schattens von der Box und einer für die "Dicke" des Schattens. Du kannst übrigens auch mehrere Schatten machen, wenn dir das hilft.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS shadow

      MH
      – Informationen zu den Bewertungsregeln

      Linktipp für alle möglichen CSS-Effekte:

      » http://css3generator.com/

      Einfach ein bissel mit den Werten herumspielen und das Ergebnis und den resultierenden Code anschauen, dann hat man bald den Durchblick :-)

      Martin

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln