Lines Matching refs:animation

4 …are classified into [Static Animation](#static-animation) and [Continuous Animation](#continuous-a…
9 The transform attributes are the core of the static animation. A static animation can transform in …
62 **Figure 1** Static animation
69 The static animation has only the start and end states. To set the transition state and conversion …
71 The core of a continuous animation is animation attributes, which define the start and end states o…
73 - **animation-name**: background color, opacity, width, height, and transformation type applied to …
75 - **animation-delay** and **animation-duration**: element delay and duration after the animation is…
77 - **animation-timing-function**: speed curve of an animation, which makes the animation more fluent
79 - **animation-iteration-count**: number of animation playback times
81 - **animation-fill-mode**: whether to restore the initial state after the animation is executed
83 …animation attributes, you need to define a @keyframes rule in the .css file, set the animation tra…
120   animation-name: Color;
121   animation-duration: 8000ms;
124   animation-name: Opacity;
125   animation-duration: 8000ms;
161 **Figure 2** Continuous animation effect