Entrances & Exits · Entering & leaving
Fade in淡入
- light
- directionless
- restrained
The element fades from transparent to fully visible in place. Only its presence changes, not its position or size.
When to use it
Use it when content appears for the first time and direction does not matter; if the element grows out of a button, use “Origin-aware” instead.
Parameters
200ms · ease-out · opacity: 0→1
Recipe
Fade in → opacity 0 → 1 @ 200ms ease-out
One sentence for your AI
Add a 200ms fade-in to this content with an ease-out curve. Change opacity only, with no movement.