Schatten eines Blocks in CSS
Gegeben ist ein Block mit der Größe 200 mal 200.
Fügen Sie ihm einen Schatten in der Farbe Rot hinzu, der
um 15px nach unten und 20px nach rechts
verschoben ist und eine Unschärfe von 5px hat.
Gegeben ist ein Block mit der Größe 200 mal 200.
Fügen Sie ihm einen Schatten in der Farbe Grün hinzu, der
um 15px nach oben und 20px nach rechts
verschoben ist und keine Unschärfe hat.
Gegeben ist ein Block mit der Größe 200 mal 200.
Fügen Sie ihm einen inneren Schatten in der Farbe Schwarz hinzu,
ohne Verschiebung, aber mit einer Unschärfe von 5px.
Gegeben ist ein Block mit der Größe 200 mal 200.
Fügen Sie ihm einen inneren Schatten in der Farbe Schwarz hinzu,
der um 3px nach unten und um
4px nach rechts verschoben ist, mit einer Unschärfe von 3px.
Gegeben ist ein Block mit der Größe 200 mal 200.
Fügen Sie ihm zwei Schatten hinzu - einen oben
und einen unten.
Gegeben ist ein Block mit der Größe 200 mal 200.
Fügen Sie ihm vier Schatten hinzu, sodass sich jeder
an einer Seite des Blocks mit einer Verschiebung von 30px
und ohne Unschärfe befindet. Das heißt, ein Schatten genau
oben, ein anderer genau rechts und
so weiter.