مولد ظلال CSS

مرجع

ما هو CSS box-shadow؟

خاصية CSS box-shadow تضيف تأثير ظل واحد أو أكثر حول إطار العنصر.

صيغة box-shadow

box-shadow: [inset] offset-x offset-y [blur-radius] [spread-radius] color;

استخدام طبقات ظل متعددة

دمج عدة ظلال ينشئ تأثيرات عمق واقعية.

نصائح تصميم للظلال

استخدم ألوان rgba() أو hsla() — الظلال شبه الشفافة تبدو أكثر طبيعية.

الخصوصية

كل توليد الظلال يعمل 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.