Handytool
المطورمجانييعمل محليًا

مولد Box Shadow

إنشاء وتصور ظلال الصناديق CSS بسهولة - مع معاينة فورية وكود جاهز.

Preview
CSS
box-shadow: 0px 8px 24px -4px rgba(10, 10, 10, 0.18);

Adjust the sliders to design the shadow — copy the CSS when it looks right.

عن مولد Box Shadow

مولد Box Shadow من Handytool.

مزايا مولد Box Shadow

  • 01

    محرر تفاعلي

    اضبط الإزاحة والضبابية والانتشار واللون.

  • 02

    معاينة فورية

    شاهد الظل يتغير مباشرة.

  • 03

    انسخ CSS

    احصل على كود CSS جاهز.

الأسئلة الشائعة حول مولد Box Shadow

ما هو Box Shadow؟
تأثير بصري ينشئ ظلال حول الصناديق.
هل يعمل في جميع المتصفحات؟
نعم، في جميع المتصفحات الحديثة.
هل يمكنني إنشاء ظلال متعددة؟
نعم، يمكنك إضافة عدة ظلال معاً.
كيف أنسخ الكود؟
انقر على زر النسخ لنسخ الكود كاملاً.
ماذا يعني كل معامل؟
الإزاحة X/Y والضبابية والانتشار واللون.

الأدلة

المقالات →

أدوات ذات صلة

المطور →

استكشف أدوات أخرى

كل الأدوات →