Toolzy

مولّد ظل الصندوق في CSS

صمّم ظلال الصناديق في CSS مع معاينة حيّة.

box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);

اضبط الإزاحة والتمويه والانتشار واللون والشفافية لصياغة box-shadow ونسخ الـ CSS.

طريقة الاستخدام

  1. اسحب المنزلقات لتشكيل الظل.
  2. اختر لونًا وشفافية.
  3. انسخ الـ CSS.

الأسئلة الشائعة

ماذا يفعل الوضع الداخلي؟
يرسم الظل داخل العنصر بدلًا من خارجه.
هل يمكنني تركيب الظلال؟
نعم، ادمج عدة قيم box-shadow مفصولة بفواصل يدويًا.

أدوات ذات صلة