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