timeline-trigger | CSS CSS Properties

The shorthand property for setting all timeline trigger properties at once. It defines the name, source, and ranges for triggering scroll-driven animations.

Quick example

.target {
  /* Shorthand for setting a named trigger on the document scroller */
  timeline-trigger: --glow-start root;
}

Quick facts

Initial value

See individual properties

Inherited

Applies to

all elements

Values

nonetimeline-trigger-nametimeline-trigger-sourcetimeline-trigger-rangetimeline-trigger-exit-range

timeline-trigger Browser Support

Limited availabilityUnknown 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.

View on caniuse.com →View on webstatus.dev →Learn more about Baseline →

146+