Animation
Introduction
The animation properties allow adding animations to the elements.
Animation Properties
Property | Values | Description |
---|---|---|
Animation | animation, none | Adds an animation to an element. |
Condition | onscreen, hover, click, focus | OnScreen: Playing animation when element visible on the screen. Hover: Playing animation when mouse on the element. Click: Playing animation when element clicked. Focus: Playing element when clicking on a text field. |
Animation Iteration | number, infinite | Specifies the number of times an animation should be played. |
Animation Duration | number | Defines how long an animation should take to complete one cycle. |
Animation Delay | number | Specifies a delay for the start of an animation. |
Animation Fill Mode | none, forwards, backwards, both | Sets the state of the end animation when the animation is not running. |
Was this article helpful?
YesNo