مولّد Box Shadow

حول هذه الأداة

يبني مولد الظل box-shadow في CSS بأشرطة تمرير لإزاحة X وY والتمويه والانتشار واللون والشفافية وinset، مع إعدادات Material Design وTailwind الجاهزة، ويُخرج كود CSS الدقيق.

طريقة الاستخدام

1. ابدأ من إعداد جاهز أو أبقِ على Custom.
2. اضبط إزاحة X/Y والتمويه والانتشار والشفافية.
3. اختر لون الظل وفعّل Inset للحصول على ظل داخلي.
4. انقر Copy CSS للصق قاعدة box-shadow.

معلومات مفيدة

• صياغة box-shadow هي: [inset] offset-x offset-y blur-radius spread-radius color.
• نصف قطر التمويه الأكبر يليّن الحافة، والانتشار يكبّر الظل أو يصغّره قبل التمويه.
• تبدو الظلال الداكنة منخفضة الشفافية (نحو 10–25%) أكثر طبيعية من الأسود الصريح.
• يمكن تركيب عدة ظلال فوق بعضها بالفصل بينها بفواصل.
• الكلمة المفتاحية inset ترسم الظل داخل حدود العنصر.

تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.

الأسئلة الشائعة