Lines Matching refs:animation

19 | options   | Options   | Yes   | Array of objects used to set animation attributes. For details, s…
25 | frames | Array<Style> | Array of objects used to set animation attributes. For details, see…
31 …                   | Width set for the component during playback of the animation.                …
32 …                  | Height set for the component during playback of the animation.                …
33 …        | Background color set for the component during playback of the animation.                …
37 | transform          | [Transform](js-components-common-animation.md) | -                    | Tran…
44 | duration               | number                     | 0      | Duration for playing the animation…
45 | easing                 | string                     | linear | Time curve of the animation. For d…
46 | delay                  | number                     | 0      | Delay for the animation start. The…
47 | iterations             | number \| string | 1      | Number of times the animation will be played…
48 …animation.<br>**normal**: Plays the animation in forward loop mode.<br>**reverse**: Plays the anim…
49 …animation.<br>**none**: No style is applied to the target before or after the animation is execute…
55 | linear                                   | The animation speed keeps unchanged.                  …
56 | ease-in                                  | The animation starts at a low speed and then picks up …
57 | ease-out                                 | The animation ends at a low speed. The cubic-bezier cu…
58 | ease-in-out                              | The animation starts and ends at a low speed. The cubi…
59 | friction                                 | The animation uses the friction cubic-bezier curve (0.…
60 | extreme-deceleration                     | The animation uses the extreme deceleration cubic-bezi…
61 | sharp                                    | The animation uses the sharp cubic-bezier curve (0.33,…
62 | rhythm                                   | The animation uses the rhythm cubic-bezier curve (0.7,…
63 | smooth                                   | The animation uses the smooth cubic-bezier curve (0.4,…
64 | cubic-bezier(x1, y1, x2, y2) | You can customize an animation speed curve in the **cubic-bezier()…
65 | steps(number, step-position)<sup>6+</sup> | The animation uses the step curve.<br>The **number** …
68   The **animation** attributes are as follows.
72 | finished  | boolean | Read-only attribute, which indicates whether the animation playback is comp…
73 …h indicates whether the animation is waiting for the completion of other asynchronous operations (…
74 …animation:<br>- **idle**: The animation is not running (playback ended or not started).<br>- **run…
75 | startTime | number  | Read-write attribute, which indicates the animation start time. This attrib…
77   The **animation** methods are as follows.
81 | play    | -    | Plays the animation.|
82 | finish  | -    | Ends the animation.|
83 | pause   | -    | Pauses the animation.|
84 | cancel  | -    | Cancels the animation.|
85 | reverse | -    | Plays the animation in reverse.|
87   The **animation** events are as follows.
91 | start<sup>6+</sup> | The animation starts. |
92 | cancel             | The animation is forcibly canceled.|
93 | finish             | The animation playback is complete. |
94 | repeat             | The animation repeats. |
144         animation: '',
172         this.animation = this.$element('idName').animate(this.frames, this.options);
173         this.animation.play();
176         this.animation.cancel();