The radius attribute represents the radius (or radii) for the operation on a given <feMorphology> filter primitive.

If two numbers are provided, the first number represents the x-radius and the second one the y-radius. If one number is provided, then that value is used for both x and y. The values are in the coordinate system established by the primitiveUnits attribute on the <filter> element.

A negative or zero value disables the effect of the given filter primitive (i.e., the result is the filter input image).

Usage notes

Value <number-optional-number>
Default value 0
Animatable Yes


Browser compatibilityUpdate compatibility data on GitHub

Chrome Edge Firefox Internet Explorer Opera Safari
radius Yes 12 4 Yes 9 ?
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
radius Yes Yes 4 ? ? Yes

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.