16.3 Styling Clones
In the beginning of this chapter, I mentioned that clones inherit their style from their originals. That is true: A clone of a red rectangle will be red. There are, however, several important exceptions and workarounds for this limitation.
First of all, opacity (8.1.2 Opacity) and blur (17.1 Blur) are not subject to this limitation at all: You can easily blur a clone or make it semitransparent. This is because these properties accumulate—that is, if you blur something and then blur its parent, these blurs add up, and the result will be more fuzzy than from either of these blurs taken alone. This also means that if your original is already blurred or has less than 100% opacity, you can make its clone more blurred or more transparent, ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access