التصميم والموارد

Shadow Palette مولد

إنشاء a 5-step CSS shadow scale.

الإدخال

Shadow Palette مولد

shadowdesign tokenscssui

الإخراج

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);
}

أدوات مشابهة

لون محول

Convert between HEX, RGB, و HSL لون لـmats.

CSS Gradient مولد

إنشاء a linear gradient و copy the CSS instantly.

Favicon مولد

Create a simple SVG favicon من initials و brو لونs.

SVG Optimizer

Strip comments و collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments و extra whitespace.

CSS منسق

Pretty-print CSS مع readable indentation.