[csswg-drafts] [animation-triggers-1] Can we add a `timeline-trigger-range` shorthand? (#13608)

bramus has just created a new issue for https://github.com/w3c/csswg-drafts:

== [animation-triggers-1] Can we add a `timeline-trigger-range` shorthand? ==
When specifying a range for a timeline-trigger, there are the `timeline-trigger-activation-range` and `timeline-trigger-active-range` properties.

In the `timeline-trigger` shorthand these are fairly easy to specify:

```css
timeline-trigger:
  --t
  view()
  cover / contain;
```

But once you turn to longhands, you have to type:

```css
timeline-trigger-name: --t;
timeline-trigger-source: view();
timeline-trigger-activation-range: cover;
timeline-trigger-active-range: contain;
```

Feedback I have received, is that the person wanted to type these longhands:

```css
timeline-trigger-name: --t;
timeline-trigger-source: view();
timeline-trigger-ranges: cover / contain;
```

I must say this makes sense, especially because I very often also write my activation and active ranges on one line (see first snippet).

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13608 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 5 March 2026 15:06:15 UTC