shadow
Element Animation makes it easy to integrate animations into web applications, contributing to the creation of engaging and interactive user interfaces. It offers a wide range of customization options, including setting the delay, duration and number of animation repeats.
| Description | Property specifying the delay before the animation starts in milliseconds. |
| Attribute | delay |
| Type | number |
| Default | 0 |
| Description | Animation direction property |
| Attribute | direction |
| Type | "normal" ｜ "reverse" ｜ "alternate" ｜ "alternate-reverse" |
| Default | normal |
| Description | A property indicating the duration of the animation in milliseconds. |
| Attribute | duration |
| Type | number |
| Default | 1000 |
| Description | Property specifying the release function for the animation. |
| Attribute | toggle-icon |
| Type | "ease." ｜ "ease-in" ｜ "ease-out" ｜ "ease-in-out" ｜ "linear" ｜ "step-start" ｜ "step-end" |
| Default | linear |
| Description | A property specifying the delay after the animation has finished, in milliseconds. |
| Attribute | endDelay |
| Type | number |
| Default | '0' |
| Description | Property defining the animation fill mode (before and after animation). |
| Attribute | fill |
| Type | "car" ｜ "none" ｜ "forwards" ｜ "backwards" ｜ "both" |
| Default | car |
| Description | The property that determines the number of animation repeats. |
| Attribute | iterations |
| Type | number |
| Default | 0 |
| Description | The iterationStart attribute specifies the point at which the animation should start, with a value between 0 (start) and 1 (end). |
| Attribute | iterationStart |
| Type | number |
| Default | 0 |
| Description | A property defining the name of the animation to be used. For a list of all available animations, see animate.css. |
| Attribute | name |
| Type | "car" ｜ "none" ｜ "forwards" ｜ "backwards" ｜ "both" |
| Default | car |
No events available for this component.
| Description | Starts the animation. |
| Signature | play() => <void> |
| Description | Cancels the animation. |
| Signature | cancel() => <void> |
No CSS shadow parts available for this component.
No CSS custom properties available for this component.
No slots available for this component.