Design und Assets

Schatten-Paletten-Generator

Erzeuge a 5-step CSS shadow scale.

Kategorie

Design und Assets

Schatten-Paletten-Generator

shadowdesign tokenscssui

Ausgabe

Generated shadow Palette

:root {
  --shadow-1: 0 2px 6px rgba(15, 23, 42, 0.063);
  --shadow-2: 0 4px 12px rgba(15, 23, 42, 0.090);
  --shadow-3: 0 6px 18px rgba(15, 23, 42, 0.117);
  --shadow-4: 0 8px 24px rgba(15, 23, 42, 0.144);
  --shadow-5: 0 10px 30px rgba(15, 23, 42, 0.180);
}