المطورProcessado no seu navegador

مولّد CSS Box Shadow

أنشئ ظلال CSS بصريًا مع معاينة فورية.

0 من 3 استخدامات اليوم · 3 متبقية. ترقّى إلى Pro وأزل الحد.

الطبقات

1/6

التصدير

CSS3

المعالجة

المعالجة على الجهاز

معاينة مباشرة

الكائن

#1e1f20الخلفية

#131314

الهدف

نتيجة CSS

box-shadow: 0px 30px 60px -15px #4f46e566;

إزاحة X0px

إزاحة Y30px

التمويه60px

الانتشار-15px

الشفافية40%

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

أنشئ ظلالًا بأي عمق (من الخفيف إلى الدراماتيكي) مع معاينة مباشرة وكود جاهز للنسخ.

اضبط الإزاحات
X (أفقي)، Y (عمودي)، Blur (النعومة) وSpread (السماكة). اسحب المنزلقات للحصول على ردود فعل بصرية فورية.
اختر لون الظل
الافتراضي أسود بشفافية منخفضة (ظل طبيعي). لتوهج ملون، اختر لون علامتك التجارية.
أضف طبقات متعددة (اختياري)
الظلال الاحترافية تستخدم 2-3 طبقات (ظل قريب وآخر محيطي). ادمجها للحصول على عمق حقيقي.
انسخ CSS
جاهز للصق. يتضمن خيار inset (ظل داخلي) وبوادئ متعددة المتصفحات.