timeline-trigger-name | CSS CSS Properties

An experimental property for scroll-driven animations. It allows you to name a specific point or 'trigger' in a timeline that an animation should react to.

Quick example

.scroller {
  /* Sets a name for a specific trigger point on the timeline */
  timeline-trigger-name: --slide-in-point;
}

Quick facts

Initial value

none

Inherited

Applies to

all elements

Animation type

notAnimatable

Values

none

timeline-trigger-name 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.

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

146+