مولّد ظل الصندوق CSS

الإزاحة X/Y تحرك الظل أفقياً/رأسياً. نصف قطر الضبابية يلطّف حواف الظل. الانتشار يوسّع أو يقلّص الظل. اللون يحدد لون الظل بما فيه الشفافية. الداخلي يجعل الظل يظهر داخل العنصر.

CSS يدعم ظلال صناديق متعددة مفصولة بفواصل. انسخ القيمة المُنشأة وأضف ظلالاً أكثر يدوياً: box-shadow: 4px 4px 10px #000, -4px -4px 10px #fff;

المعاينة تستخدم نفس CSS كمتصفحك، لذا يجب أن تتطابق بالضبط. الاختلافات يمكن أن تحدث إذا كان عنصرك بلون خلفية مختلف أو إذا كنت تقارن عبر متصفحات مختلفة.

الظل الداخلي يظهر داخل العنصر بدلاً من الخارج، مما يخلق تأثير ضغط أو غائر. مفيد لحقول الإدخال والأزرار وتأثيرات البطاقات.