timeline-trigger-source | CSS CSS Properties

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

Quick example

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

Initial value

auto

Inherited

Applies to

all elements

Animation type

notAnimatable

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+