Animate Intent Overview

Animate intent contains element's animation related utilities.

Utilities available in @animate intent are listed below.

Utility	Description	Documentation
`delay-*`	Control animation start delay timing.	delay
`direction-*`	Set animation direction to play forward, reverse, or alternate.	direction
`duration-*`	Configure animation duration timing.	duration
`enter-*`	Define entry animations for elements appearing on screen.	enter
`exit-*`	Define exit animations for elements.	exit
`fade-*`	Apply fade in or fade out animations to elements.	fade
`flow-*`	Control animation flow or timing function and sequence behavior.	flow
`loop-*`	Configure animation loop behavior or iteration count.	loop
`mode-*`	Set animation mode for fill behavior and end states.	mode
`name-*`	Apply named animations by specifying keyframe names.	name
`preset-*`	Use preset, animation combinations for common effects.	preset
`slide-*`	Apply slide animations to elements moving across screen.	slide
`spin-*`	Apply spinning or rotating animations to elements.	spin
`state-*`	Control animation state transitions and pauses.	state
`zoom-*`	Apply zoom in or zoom out animations to elements.	zoom