- What are animations based on scroll position?
- What property I should write if I want to run my animation countless time?
What are animations based on scroll position?
Scroll-bound animations. A scroll-bound animation is an animation that is directly bound to the scroll position. The progress of the animation is determined by how far the user scrolls. The scroll position acts as a timeline for the animation: the faster the user scrolls, the faster the animation executes.
What property I should write if I want to run my animation countless time?
infinite: This property value specifies that the animation should be played infinite times (forever). initial: This property value is used to set this property to its default value. inherit: This value is used to inherit this property from its parent element.