التصميم
مولد ظل الصندوق CSS
تصميم ظلال الصندوق بصرياً.
كيفية الاستخدام
ابدأ من إعداد مسبق أو طبقة واحدة، ثم أضف طبقات للعمق. فعّل خيار inset لتأثيرات الضغط أو النيومورفية. انسخ القيمة المفصولة بفواصل إلى box-shadow.
الأسئلة الشائعة
هل يمكنني تكديس عدة ظلال؟
نعم — أضف طبقات لدمج ظل محيطي ناعم مع ظل تماس محدد، أو لتكديس توهجات ملونة. لكل طبقة إزاحة وتمويه وانتشار ولون ومفتاح inset خاص بها.
ماذا تفعل الإعدادات المسبقة؟
نقاط بداية بنقرة واحدة: ارتفاع بطاقة بنمط Stripe، وneumorphism بارز أو مضغوط، وعمق material، وتوهج ناعم — عدّل أشرطة التمرير بعد التطبيق.
كيف أستخدم الناتج؟
انسخ سطر box-shadow إلى CSS الخاص بك. تُفصل الطبقات المتعددة بفواصل، تمامًا كما تتوقع المتصفحات.
آخر تحديث: