Fade out.
Content leaves without directional movement.
See the movement
One intentional triggerPlayback starts only when you request it. Stop returns to the still illustration.
What it does
An opacity transition can dismiss a notice or transient surface without suggesting a new destination. Once the transition finishes, remove the surface from interaction and the accessibility tree as appropriate.
Timing curve
ease-inDefault duration300ms
RepetitionOnce per trigger
Make the motion useful
Choose an effect that supports the component’s purpose. Keep the final state clear, preserve focus and reading order, and pair important feedback with a visible message.
CSS animation reference