<feDropShadow> Playground

All-in-one drop shadow primitive (SVG 2). Combines blur, offset, and colouring in a single element - no pipeline wiring needed.

Preview

Target

dx Horizontal offset of the shadow. Positive = right, negative = left.

dy Vertical offset. Positive = down, negative = up.

stdDeviation Blur radius of the shadow. 0 = hard edge, higher = softer, more diffuse.

flood-color The colour of the shadow itself.

flood-opacity Shadow transparency. 0 = invisible, 1 = fully opaque.