
الصق المدخلات
أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.
صمّم ظلال الصندوق.
أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

انسخ النتيجة والصقها في مشروعك.
تتيح الأداة ضبط الإزاحة أفقيًا ورأسيًا ومقدار التمويه والانتشار واللون، مع خيار 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);
الظلال الناعمة في الواجهات تخرج غالبًا عن المقياس الافتراضي، والقيم الاختيارية تحفظ الشكل المطلوب.