Chapter 9: Visual Effects
CSS includes several features for creating the kinds of visual effects that used to require image-editing software such as Photoshop. Filter effects give us the ability to add true drop shadows, and to blur or desaturate images, while blend modes let us combine layers.
In this chapter, we’ll take a look at three of these features:
- the
background-blend-mode
andmix-blend-mode
properties of the Compositing and Blending specification - filter effects
- masking and clipping
Browsers have long supported these features—fully or in part. Adoption of them by CSS authors has been a bit slower, however, presumably because many still use image editing software to create these effects. Using CSS, however, gives us flexibility: changing ...
Get CSS Master, 3rd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.