مولّد ظل الصندوق CSS المجاني

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

نعم. يدعم المحرر ما يصل إلى أربع طبقات ظل مفصولة بفواصل. تُرسم الطبقة الأولى المدرجة في الأعلى، لذا يمكن لترتيب الطبقات تغيير الحواف المتداخلة.

تستخدم كل طبقة إزاحة X وإزاحة Y والتمويه والانتشار واللون والشفافية وكلمة inset اختيارية. الترتيب المنسوخ هو inset ثم X ثم Y ثم التمويه ثم الانتشار ثم اللون.

يُنعّم التمويه الحافة ولا يمكن أن يكون سالباً. يوسّع الانتشار شكل الظل أو يقلّصه قبل التمويه، لذلك يمكن أن يكون موجباً أو سالباً.

يرسم inset تلك الطبقة داخل حدود العنصر بدلاً من خارجها. لكل طبقة إعداد inset خاص بها، لذا يمكن دمج الظلال الداخلية والخارجية.

يرسم CSS الظل الأول في قائمة مفصولة بفواصل فوق الظلال اللاحقة. استخدم عناصر التحكم في النقل لوضع طبقة التماس أو المخطط أو الإبراز بالترتيب المقصود.

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

قد يخفي عنصر أب مع اقتطاع overflow أو حاوية ضيقة أو سياق تراكب جزءاً من الظل. لا يحجز box-shadow مساحة في التخطيط أيضاً، لذا اترك مساحة حول العنصر عند الحاجة.

يمكن أن يكون جزءاً من أسلوب التركيز، لكن الظل المُنشأ لا يثبت أن كل حالة تركيز مرئية أو متاحة. تحقّق من التباين والسماكة والإشارات غير اللونية والمكوّن النهائي ضمن سياقه.

لا تستخدم الأداة خدمة خارجية للمحرر. تبقى الإعدادات في علامة تبويب المتصفح الحالية وتُعاد ضبطها عند إعادة تحميل الصفحة؛ ولا تستورد الأداة سلسلة box-shadow موجودة أو تحللها.