مولّد ظلال CSS

يليّن التمويه حافة الظل: كلما زادت القيمة صار الظل أكثر انتشارًا وضبابية. أما الانتشار فيكبّر الظل أو يصغّره قبل تطبيق التمويه. ويمنح الانتشار السالب مع تمويه كبير ذلك المظهر الناعم المرتفع الشائع في الواجهات الحديثة.

للظلال الحقيقية نواة داكنة ومركّزة قرب الجسم وهالة ناعمة واسعة أبعد منه. ويعيد تركيب طبقة صغيرة حادة مع طبقة أو طبقتين أكبر وأفتح إنتاج هذا التأثير، فيبدو أكثر طبيعية بكثير من ظل واحد.

يُرسم الظل الداخلي داخل العنصر بدلًا من خارجه. ويجعل السطح يبدو مضغوطًا إلى الداخل، وهو مناسب لحقول الإدخال أو الأزرار المضغوطة.

نعم. تدعم كل المتصفحات الحالية الخاصية box-shadow والطبقات المتعددة وصيغة الألوان rgb() المستخدمة في الكود.

رسم الظلال الثابتة خفيف. لكن التمويه الكبير جدًا على عناصر كثيرة، أو تحريك الظل نفسه، قد يكلّف أكثر. ولتحريك الظل بسلاسة، غيّر بدلًا من ذلك عتامة عنصر زائف (pseudo-element) يحمل الظل.