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

Creating Textures with feTurbulence

Creating noise, marble, or cloud effects across an image requires using the feTurbulence primitive. feTurbulence creates a texture-like pattern on an object using a variety of custom properties.

Somewhat oddly, feTurbulence has two different functions (specified by the type attribute): turbulence and noise. The turbulence value creates soft, bubble-like patterns that appear as prismatic clouds, whereas fractalNoise creates a randomized dot texture, similar to gravel or snow being tossed across the image.

feTurbulence has three major attributes to determine the result of the effect: type, numOctaves, and baseFrequency. type allows you to choose between the noise and turbulence options, using the respective values ...

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