منشئ CSS Box Shadow
ما هو CSS Box Shadow؟
تضيف خاصية CSS box-shadow تأثيرات الظل حول إطار العنصر. يمكن إزاحة الظلال وتضبيبها ونشرها وتلوينها وتعيينها كـ inset (ظل داخلي). يمكن تراكم ظلال متعددة مفصولة بفواصل للحصول على تأثيرات غنية. يتيح لك هذا المنشئ بناء ظلال متعددة الطبقات بصريًا ونسخ CSS الجاهز للصق إلى الحافظة.
كيفية استخدام منشئ Box Shadow
-
اضبط شرائح Offset X/Y والضبابية والانتشار لتحديد موضع الظل وشكله.
-
انقر على لوحة الألوان لاختيار لون الظل، واستخدم شريط Opacity للشفافية.
-
فعّل 'Inset' لإنشاء توهج داخلي أو تأثير ضغط.
-
انقر على '+ إضافة طبقة' لتراكم ظلال متعددة فوق بعضها.
-
انسخ CSS المُنشأ والصقه في ملف الأنماط الخاص بك.
Keywords: منشئ CSS box shadow، box-shadow CSS، أداة ظل CSS، CSS drop shadow، ظل داخلي، ظل متعدد الطبقات، CSS shadow أونلاين