الظلال | كود المنصات

الأداة	القيمة
الأداة:`shadow-xs`	القيمة:0px 1px 2px 0px rgb(16 24 40 / 0.05)
الأداة:`shadow-sm`	القيمة:0px 1px 2px 0px rgb(16 24 40 / 0.05), 0px 1px 3px 0px rgb(16 24 40 / 0.05)
الأداة:`shadow-md`	القيمة:0px 2px 4px -2px rgb(16 24 40 / 0.06), 0px 4px 8px -2px rgb(16 24 40 / 0.1)
الأداة:`shadow-lg`	القيمة:0px 4px 6px -2px rgb(16 24 40 / 0.03), 0px 12px 16px -4px rgb(16 24 40 / 0.08)
الأداة:`shadow-xl`	القيمة:0px 8px 8px -4px rgb(16 24 40 / 0.03), 0px 20px 24px -4px rgb(16 24 40 / 0.08)
الأداة:`shadow-2xl`	القيمة:0px 24px 48px -12px rgb(16 24 40 / 0.18)
الأداة:`shadow-3xl`	القيمة:0px 32px 64px -12px rgb(16 24 40 / 0.14)
الأداة:`backdrop-blur-sm`	القيمة:blur(8px)
الأداة:`backdrop-blur-md`	القيمة:blur(16px)
الأداة:`backdrop-blur-lg`	القيمة:blur(24px)
الأداة:`backdrop-blur-xl`	القيمة:blur(40px)

تؤخذ القيم من أنماط التأثيرات في Figma. في CSS الموقع يستخدم shadow-sm شفافية 6% و10%، بينما يستخدم Figma 5% للطبقتين، ويتبع كود المنصات ما في Figma.

يستخدم طمس الخلفية backdrop-blur-sm (‏8px) وmd (‏16px) وlg (‏24px) وxl (‏40px).