E-Book Startseite Karteikarten-Programm
0
Inhalt dieser Seite
  1. Schatten

Schatten

Ab CSS3 gibt es die Möglichkeit Schatten zu erstellen. Wie man einen Text-Schatten erstellt haben wir ja bereits erklärt. Bei diesen Beispielen reden wir von dem Objektschatten (z. B. für Bilder). Die Angaben bei Schatten (box-shadow) bestehen aus 4 Werten. Die erste Zahl steht für den horizontalen "Versatz" und die zweite Zahl steht für den vertikalen Versatz. Hierbei sind auch Minuswerte möglich! Die 3. Zahl steht für die Härte bzw. die Tiefe des Schattens. Umso größer die Zahl ist, umso tiefer bzw. weicher wird der Schatten. Der 4 Wert ist die Farbe der Schattens (HEX-Angabe oder englische Farbangabe). Um mehrere Schatten zu erzeugen können Sie nach den ersten 4 Werten ein Komma setzen und weitere 4 Werte angeben. Hier ein Beispiel mit 2 Schatten:

img {
    box-shadow: 10px 10px 25px red, -10px -10px 25px blue;
}
Anzeigebeispiel
Anzeigebeispiel



Design:
 


Logo
Benjamin Jung
Krummstr. 9/3
73054 Eislingen

E-Mail: info@homepage-webhilfe.de
Webseite: www.homepage-webhilfe.de