Motion (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. |
| Trigger | onscreen, hover, click, focus | OnScreen:Play when the element visible on the screen. Hover: Play when mouse over on the element. Click: Play when the element clicked. Focus: Play when element a form field focus. |
| Trigger Repeat | number, infinite | Specifies the number of times an animation should be played. |
| Duration | number | Defines how long an animation should take to complete one cycle. |
| Delay | number | Specifies a delay for the start of an animation. |
| Easing | ease, linear, ease-in, ease-out, ease-in-out | Specifies the speed curve 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