0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>You can add a shadow to an object using the drop-shadow filter. The filter syntax is the same as the one used for the box-shadow property.</p>
1
<p>You can add a shadow to an object using the drop-shadow filter. The filter syntax is the same as the one used for the box-shadow property.</p>
2
.effect { /* Black shadow offset by 10px horizontally and 5px vertically, with a blur radius of 3px */ filter: drop-shadow(10px 5px 3px #000000); /* Green shadow that is not offset with a 5px blur radius */ filter: drop-shadow (0px 0px 5px green); }<p>Unlike box-shadow, the filter does not support the inset parameter for the inner shadow.</p>
2
.effect { /* Black shadow offset by 10px horizontally and 5px vertically, with a blur radius of 3px */ filter: drop-shadow(10px 5px 3px #000000); /* Green shadow that is not offset with a 5px blur radius */ filter: drop-shadow (0px 0px 5px green); }<p>Unlike box-shadow, the filter does not support the inset parameter for the inner shadow.</p>
3
<p>In addition, as of the time of writing of this section, stretch is not supported in the shadow filter (you can find more details about how stretch is used in the box-shadow property in the “<a>Shadow Play</a>” section).</p>
3
<p>In addition, as of the time of writing of this section, stretch is not supported in the shadow filter (you can find more details about how stretch is used in the box-shadow property in the “<a>Shadow Play</a>” section).</p>