CSS · Properties — CSS Animations

timeline-trigger

The CSS timeline-trigger property. Initial value: timeline-trigger-name,timeline-trigger-source,timeline-trigger-activation-range,timeline-trigger-active-range. Not inherited.

Syntax
timeline-trigger: none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#

Example

Try it

Notes

Media: visual. Applies to: allElements. Computed value: timeline-trigger-name,timeline-trigger-source,timeline-trigger-activation-range,timeline-trigger-active-range.

More in this group

animation-composition animation-delay animation-direction animation-fill-mode animation-play-state animation-timeline animation-timing-function animation-trigger

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course