CSS3-Schatten-Generator

Elemente mit Schatteneffekten versehen (box shadow).

Eingabe


  4 px

  4 px

  8 px

Vorschau

Code



Anleitung / Beschreibung

Den erstellten Code kopieren Sie fügen diesen dem bewünschten CSS-Element hinzu.

Beispiel für Überschrift: 
div {
    box-shadow: 2px 2px 8px #FF0000;
}
Beispiel für normalen Text: 
.element {          
    box-shadow: 4px 4px 8px #666666;          
}
Beispiel für einzelnes Element: 
<div style="box-shadow: 4px 4px 8px #666666;">Element mit Schatten</div>