ما هو CSS box-shadow
box-shadow هي خاصية CSS تضيف ظلالًا إلى عناصر HTML. إنها تقنية أساسية لتصميم الويب يمكنها التعبير عن العمق والأبعاد باستخدام كود CSS فقط دون الحاجة إلى صور.
معلمات box-shadow
يتم تحديد box-shadow بالترتيب 'الإزاحة-الأفقية الإزاحة-الرأسية التمويه الانتشار اللون'. تحدد الإزاحات الأفقية والرأسية موضع الظل، ويتحكم التمويه في نعومة الحافة، ويتحكم الانتشار في حجم الظل، ويمكن تحديد اللون باستخدام RGBA بما في ذلك الشفافية.
inset (الظل الداخلي)
تضيف كلمة inset الرئيسية الظل داخل العنصر بدلاً من خارجه. مناسبة للتعبير عن مدخلات النموذج المجوفة أو حالات الزر المضغوط.
طبقات الظلال المتعددة
يمكن تحديد خاصية box-shadow متعددة مع فاصلة لفصل الظلال. يجمع تصميم Neumorphism بين الظلال الفاتحة والداكنة للتعبير عن نسيج ثلاثي الأبعاد.