The blur font effect renders a Gaussian blurred copy of the text.

Note that, the blur effect will not replace the original text. To only show the blurred version of the text, set the color property of the original text to transparent.

The effect is declared as:

font-effect: blur( <width> <color> );

Its properties are specified by the following.

width

Determines the radius of the blur effect.

color

The color is applied multiplicatively over the entire effect.

/* Renders a blurred version of the text, hides the original text. */
h1
{
	color: transparent;
	font-effect: blur(3px #ed5);
}