Box Shadow - Generator

CSS3 Box-Shadow erstellen
Mit CSS3 lassen sich ohne Grafiken Schatten für Block-Elemente erstellen, mit Hilfe der CSS-Eigenschaft "Box-Shadow". Um die Erstellung eines Schattens zu vereinfachen, kann man in diesem Tool Farbe, sowie die Richtung des Schattens mit Hilfe von Schiebereglern festlegen. Der fertign Box-Shadow Code befindet sich unter der Vorschau.

Einstellungen des Schattens

Art
Horizontal
  • Vertikal
  • Unschärfe
  • Schattenfarbe
    Boxfarbe (nur für Vorschau)
    Vorschau
    WME CSS Codeausgabe

    WME.Box-Shadow Generator 1.0 - Getestet in Firefox, Google Chrome, Opera. Internet Explorer unterstützt die CSS Eigenschaft Box-Shadow nicht!
    Danke an Farbtastic für den Colorpicker! :)

    Online Tools News

    Verlinken

    Dieses Tool auf deiner Homepage verlinken