Effects

Effects change how a block looks and moves beyond its base styles.

• Opacity and blend mode, how see-through a block is and how it mixes with what is behind it.
• Filters, blur, brightness, contrast, grayscale, and the rest, applied to the block or to what shows through it.
• Transitions, how smoothly a block animates between states like hover.
• Animations, keyframe motion you can run on the block.

Transitions and animations pair with the per-state controls, so you set the look and the movement in one place.