What it does
Animates from a sharp visible state into a blurred transparent state.
FAQ
Where do I import it from?
Import from `@zentauri-ui/zentauri-components/animations/blur-out`.
Animations
Blur Out animation
Use BlurOut when content should soften as it leaves the interface.
Blur Out
A small motion wrapper for entrance and exit composition.
Example 1
Blur Out
Example 2
Blur Out
Example 3
Blur Out
Blur Out
Import from the animation category.
Viewport trigger
Blur Out
Starts when the preview enters the viewport.
Override values
Custom Blur Out
Adjust preset targets with props.