شرح صفوف ومحتوى الفقرة
تمنح خاصية box-shadow بطاقات الواجهة والأزرار عمقاً بصرياً واضحاً يميز الطبقات التفاعلية عن خلفية الصفحة. وتبدأ صيغتها الأساسية بقيمتي إزاحة إلزاميتين يتبعهما نصف قطر التمويه واللون بصورة offset-x offset-y blur-radius color:
- الإزاحة الأفقية
offset-xتدفع الظل يميناً بالقيم الموجبة ويساراً بالقيم السالبة. - الإزاحة الرأسية
offset-yتدفع الظل للأسفل بالقيم الموجبة وللأعلى بالقيم السالبة. - نصف قطر التمويه
blur-radiusيرسم حافة حادة عند0، وتزداد نعومته وتلاشيه كلما كبرت القيمة مثل20pxولا يقبل قيماً سالبة. - اللون الشفاف عبر
rgba(15, 23, 42, 0.12)ينتج ظلالاً هادئة وواقعية بدلاً من الأسود المصمت القاسي.
