-webkit-box-shadow ، أو خصائص box-shadow تعامل الصورة على أنها مربع. يمكن أن يؤدي ذلك إلى عدم مطابقة الظل مع الشكل الفعلي للصورة. هذا بناء جملة الخاصية هو كما يلي: تصفية: drop-shadow (x y lolur؟ color؟) ؛

هنا ، x و y يمثلون إزاحة أفقية ورأسية للظل ، على التوالي ، على التوالي ، يحدد ضجة الحافلة الظل. تقوم المعلمة اللون الاختيارية بتعيين لون الظل.

يمكن تطبيق هذه التقنية باستخدام قواعد CSS العادية:

filter: drop-shadow(x y blur? color?);