The animation-timeline CSS property specifies the timeline that is used to control the progress of a CSS animation.
| Android | iOS | HarmonyOS |
|---|---|---|
| x | x | x |
| Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
|---|---|---|
| x | x | x |
animation-timeline: <single-animation-timeline>#;
| 名称 | 兼容性 | 描述 |
|---|---|---|
| none | The animation is not associated with a timeline. | |
| auto | The animation's timeline is the document's default DocumentTimeline. | |
| scroll() | An anonymous scroll progress timeline is provided by some ancestor scroller of the current element. The function parameters allow you to select the scroller, and the scrolling axis the timeline will be measured along. See scroll() for more information. | |
| view() | An anonymous view progress timeline is provided by the subject that animation-timeline: view(); is set on. The function parameters allow you to select the scrollbar axis along which timeline progress will be tracked and an inset that adjusts the position of the box in which the subject is deemed to be visible. See view() for more information. |
auto