رجوع

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

مولد Shadow لوحة

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

التصنيف

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

الوسوم

shadowdesign tokensCSSui
المزيد من التصميم والموارد
الإدخال

مولد Shadow لوحة

shadowdesign tokensCSSui
الإخراج

Generated shadow لوحة

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