<feGaussianBlur> Playground
Gaussian blur with configurable x/y radius. The most commonly used filter primitive - essential for shadows, glows, and depth-of-field effects.
Preview
Parameters
Blur radius in filter coordinate units. One value for uniform blur, or separate X/Y for directional blur.
How edge pixels are handled.
"none" - fades to transparent
"duplicate" - extends edge colour outward
"wrap" - tiles the edges
"none" - fades to transparent
"duplicate" - extends edge colour outward
"wrap" - tiles the edges
Input image.
"SourceGraphic" - full colour rendering
"SourceAlpha" - silhouette only (useful for shadows)
"SourceGraphic" - full colour rendering
"SourceAlpha" - silhouette only (useful for shadows)
Generated Code