كود الـ CSS
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.5);
تم نسخ الكود!

دليلك الشامل لخاصية CSS Box Shadow

يعتبر الـ Box Shadow أحد أهم خواص لغة الـ CSS الحديثة (CSS3) والتي تضيف عمقاً وجمالية غير عادية لعناصر واجهة المستخدم. باستخدام هذه الأداة، لم تعد مضطراً لحفظ الصيغ المعقدة أو التجربة العشوائية في محرر الأكواد.

توفر لك هذه الأداة تحكماً كاملاً عبر واجهة مرئية سهلة الاستخدام لضبط الإزاحة الأفقية والرأسية، التمويه (Blur)، والانتشار (Spread). بمجرد وصولك للشكل المثالي، قم بنسخ الكود الجاهز والذي يتضمن بادئات المتصفحات القديمة (Webkit, Moz) لضمان توافقية موقعك مع كافة الأجهزة والمتصفحات.