timeline-trigger-source | CSS CSS Properties

An experimental property that defines which element's scroll progress should trigger a specific timeline-based animation.

Usage example

.animation-target {
  /* Sets the source for the animation trigger to the nearest scroller */
  timeline-trigger-source: auto;
}

Initial value

auto

Inherited

Applies to

allElements

Animation type

notAnimatable

timeline-trigger-source Browser Support

Limited availability Unknown global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

146+