CSS Box-Shadow-Generator

    Kostenlos von KB Media

    CSS Box-Shadow-Generator

    Erstelle CSS-Schatten visuell mit Sliders und Presets. Mehrere Schatten-Layer kombinieren und Code direkt kopieren.

    Presets

    Schatten-Layer

    Layer 1 bearbeiten

    0px
    4px
    12px
    0px
    15%

    Generierter CSS-Code

    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);

    Live-Vorschau

    Layer-Übersicht

    L1: 0px 4px 12px 0px rgba(0, 0, 0, 0.15)
    Werbefläche 1
    Werbefläche 2
    Werbefläche 3
    Werbefläche 4
    Werbefläche 5
    Werbefläche 6
    Werbefläche 7
    Werbefläche 8

    Interesse an einer Werbefläche? Werbung buchen

    CSS box-shadow erklärt

    Syntax

    box-shadow:
      [inset]
      offset-x
      offset-y
      blur-radius
      spread-radius
      color;

    Browser-Unterstützung

    • • Chrome: vollständig unterstützt
    • • Firefox: vollständig unterstützt
    • • Safari: vollständig unterstützt
    • • Edge: vollständig unterstützt
    • • IE 9+: unterstützt

    Häufig gestellte Fragen