لون
Box Shadow
صمّم ظل box-shadow في CSS بصريًا.
حول
اسحب المؤشرات لتصميم box-shadow. معاينة مباشرة + كود CSS جاهز للنسخ.
كيفية الاستخدام
- اسحب مؤشرات x وy والتمويه والامتداد.
- اختر لون الظل وفعّل inset إن أردته في الداخل.
- انقر على الكود في الأسفل لنسخ الـ CSS.
أمثلة
- صمّم ظلًا ناعمًا لبطاقة.
- أنشئ ظلًا حادًا بإزاحة 4px لزر بأسلوب النيوبروتاليزم.
- أضف ظل inset لإحساس بأن العنصر مضغوط للداخل.
الأسئلة الشائعة
ما هو الامتداد (spread)؟
مقدار تمدّد الظل أو انكماشه خارج حافة العنصر. القيم السالبة تسحبه إلى الداخل.
ما الفرق بين التمويه والامتداد؟
التمويه يلطّف الحافة. أما الامتداد فيغيّر الحجم قبل تطبيق التمويه.