مولد ظل CSS box-shadow
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
آخر تحديث: 2026 · أداة مجانية عبر الإنترنت
ما هو مولد ظل CSS box-shadow؟
محرر مرئي مجاني عبر الإنترنت لإنشاء CSS box-shadow ونسخ الكود
كيفية الاستخدام
- 1 اختيار إعداد مسبق — ابدأ بسرعة باستخدام زر الإعداد المسبق.
- 2 ضبط أشرطة التمرير — اضبط الظل باستخدام أشرطة تمرير إزاحة X/Y والضبابية والانتشار.
- 3 معاينة — تحقق من النتيجة في الوقت الفعلي في المعاينة أعلاه.
- 4 نسخ CSS — استخدم زر النسخ للحصول على CSS box-shadow.
أدوات ذات صلة
الأسئلة الشائعة
نعم، استخدم زر 'إضافة ظل' لتراكب ظلال متعددة.
نعم، قم بتفعيل مربع اختيار Inset على كل ظل لإنشاء ظل داخلي.
يتم توفير خمسة إعدادات مسبقة: Subtle و Medium و Large و Inset و Double.
نعم، يمكنك إدخال rgba(0,0,0,0.15) مباشرة في حقل اللون.
لا. تتم جميع الحسابات في المتصفح.