timeline-trigger-name CSS Property

The timeline-trigger-name property names the timeline triggers defined on an element. Animations reference them via animation-trigger. Repeated identifiers — only the last instance applies.

.item { timeline-trigger-name: --reveal; }

.panels { timeline-trigger-name: --in, --out; }

noneNo named triggers (default).

CSS Animation Triggers Module Level 1

Editor's Draft

<dashed-ident>

W3C

Scroll slowly — two different sources:

source: view() — by visibility

source: scroll() — by position

Show all code

Edit CSS online

The plugin that remembers hundreds of CSS items for you

Every CSS property — in a live demonstration

The bilingual CSS reference

previous next