مولد CSS Box Shadow
إنشاء ومعاينة خصائص CSS box-shadow بصرياً.
إعدادات الظل
اضبط أشرطة التمرير لتخصيص تأثير الظل
الظل 1
الإعدادات المسبقة
جرب أنماط الظل المحددة مسبقاً
معاينة
شاهد تأثير الظل المُولد
Preview
CSS المُولد
box-shadow: 0px 4px 6px 0px #00000040;مرجع خاصية Box Shadow
وصف الخصائص
- • الإزاحة الأفقية: الموقع الأفقي للظل (موجب: يمين، سالب: يسار)
- • الإزاحة العمودية: الموقع العمودي للظل (موجب: أسفل، سالب: أعلى)
- • التمويه: نصف قطر تمويه الظل (0: حاد، قيم أكبر أكثر تمويهاً)
- • الانتشار: حجم الظل (موجب: توسيع، سالب: تقليص)
- • اللون: لون الظل (HEX, RGB, RGBA, إلخ.)
- • داخلي: ما إذا كان الظل ظلاً داخلياً