<feOffset> Playground

Shift the input image by dx/dy. Simple but fundamental - used in every drop shadow pipeline.

Preview

Target

Parameters

dx (horizontal offset) Pixels to shift right. Negative values shift left.

dy (vertical offset) Pixels to shift down. Negative values shift up.

in Input image.
"SourceGraphic" - full colour rendering
"SourceAlpha" - silhouette only (useful for shadows)

Generated Code