مولّد ظل box-shadow

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

تتيح الأداة ضبط الإزاحة أفقيًا ورأسيًا ومقدار التمويه والانتشار واللون، مع خيار inset، ثم تصدير النتيجة كتصريح box-shadow أو كصنف اختياري shadow-[…] في Tailwind.

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

حرّك القيم الرقمية وراقب بطاقة المعاينة، ثم انسخ الظل بالصيغة التي يعتمدها مشروعك. وتحقّق في النهاية من شكله على خلفية فاتحة وأخرى داكنة قبل الاعتماد عليه.

مثال

القيم الأولية تحاكي بطاقة مرتفعة فوق خلفية داكنة.

إدخال

0 8px 24px 0 rgba(0,0,0,0.2)

مخرجات

box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.2);

نصيحة

الظلال الناعمة في الواجهات تخرج غالبًا عن المقياس الافتراضي، والقيم الاختيارية تحفظ الشكل المطلوب.

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