4 Visuelle Effekte

15 Einseitige Schatten

Das Problem

Eine der häufigsten Fragen zu box-shadow auf Q&A-Websites (z.B. StackExchange (http://stackexchange.com/search?q=CSS)) lautet: »Wie kann man einen Schatten für nur eine Seite (oder seltener auch zwei) definieren?« Eine schnelle Suche zeigt, dass es hierzu fast 1.000 Antworten gibt. Das erscheint sinnvoll, denn wenn der Schatten nur auf einer Seite erscheint, ist der Effekt subtiler, aber gleichermaßen realistisch. Oftmals schreiben die frustrierten Entwickler dann an die Mailingsliste der CSSArbeitsgruppe und fordern neue Eigenschaften wie box-shadow-bottom, um den gewünschten Effekt zu erzielen. Richtig angewandt, ist das aber auch jetzt schon mit dem guten alten box-shadow möglich.

Schatten ...

Get CSS Secrets now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.