Hallo
Ich möchte gerne mittels CSS einen Schatten erzeugen der links und rechts erscheint, aber nicht unten und oben.
box-shadow: 8px 0 10px #aaa,
> -8px 0 10px #aaa;
> -moz-box-shadow: 8px 0 10px #aaa,
> -8px 0 10px #aaa;
> -webkit-box-shadow: 8px 0 10px #aaa,
> -8px 0 10px #aaa;
Den -moz-Block kannst du weglassen. Der war nur bis Firefox 3.6 notwendig. Der CSS-konforme Block soll als letzter notiert werden. Der Webkit-Block kann für alte Android-Geräte da bleiben (Android 2.x, 3). Die resultierende Reihenfolge:
-webkit-box-shadow: 8px 0 10px #aaa, -8px 0 10px #aaa;
box-shadow: 8px 0 10px #aaa, -8px 0 10px #aaa;
Mir scheint, das es nur Lösungen gibt, die immer einen gewissen Schatten unterhalb haben...
Wenn du die dritte Maßzahl für den Verlauf („10px“) weglässt, ist auch der Schatten oben und unten weg. Der Verlauf ist der Grund, warum immer ein gewisser Schatten unterhalb (und oberhalb) da ist. Allerdings ist der Schatten ohne Verlauf „messerscharf“, was vermutlich auch nicht gewünscht wird.
Kannst ja mal testen. Mit box-shadow: 8px 0 #aaa, -8px 0 #aaa; gibt es keine Schatten oben und unten, allerdings auch keinen Verlauf nach rechts und links.
Tschö, Auge
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war. Terry Pratchett, "Wachen! Wachen!" ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}