# animation-timeline

The animation-timeline CSS property specifies the timeline that is used to control the progress of a CSS animation.

# uni-app x 兼容性 ?

Android iOS HarmonyOS
x x x

# App平台拍平(flatten)兼容性 ?

Android(Vapor) iOS(Vapor) HarmonyOS(Vapor)
x x x

# 语法

animation-timeline: <single-animation-timeline>#;

# 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

# 参见