O'Reilly logo

Sams Teach Yourself SVG in 24 Hours by Micah Laaker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Blurring Images with feGaussianBlur

Blurring an object has a variety of uses. Perhaps you are trying to distort a group of objects so that a remaining object draws more attention. Perhaps you are trying to create a drop shadow. Or maybe you just don't want harsh, graphic shapes and lines in a certain instance. In any case, the blur effect is designed to make objects look “cloudy.”

The feGaussianBlur primitive uses one primary attribute—stdDeviation. (As loaded as this attribute name is, it's only short for “standard deviation.”) This attribute's value determines the degree of the blur; the higher the number, the more the object is blurred. Thus, your code for a feGaussianBlur will generally appear as follows, where x represents a value defining ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required