CSS DIV – Schatten um die Box erzeugen

div-css-schatten

Ich zeige euch hier wie ihr ganz einfach einen Schatten um eure DIV Box legen könnt.
Das Ganze funktioniert in etwa wie bei Photoshop, ihr habt quasi die selben Möglichkeiten wie die Richtung zu wählen und so weiter.

Ich empfehle euch einfach mal an den Werten zu spielen um zu verstehen, wie der Code funktioniert.

Firebug eignet sich hierfür hervorragend:
Firebug für Mozilla Firefox
Firebug Lite für Google Chrome







Mit diesem Tool könnt ihr Änderungen direkt im Browser ausprobieren, bedeutet ihr seid die einzigen die die von euch gemachten Änderungen zu Gesicht bekommen, bis ihr sie dann tatsächlich in eure Dateien einträgt.

 

Der folgende CSS Code erzeugt einen Schatten um eure DIV Box

-moz-box-shadow: 0px 0px 30px 0px #000; 
-webkit-box-shadow: 0px 0px 30px 0px #000; 
box-shadow: 0px 0px 30px 0px #000;

Das ist der gleiche Code, den ich nutze um das Design auf dem Screenshot zu erzeugen.

Viel Spaß mit CSS Schatten ;)

Kommentar schreiben

0 Kommentare.

Kommentar schreiben