[scroll-animations-1] Make view timeline axis values more specific

[scottkellum]

Regarding view-timeline-axis, it would be nice to see the values being more specific as to what the axis is relating to. Currently scroll is the only axis, but in the future I could imagine also creating a timeline with container inline size as the axis.

As a result this feels more clear to me:

.element-moving-in-viewport {
  view-timeline-name: foo;
  view-timeline-axis: scroll(block);
  animation: scale both linear;
  animation-delay: enter 0%;
  animation-end-delay: cover 50%;
  animation-timeline: foo;
}

as opposed to this:

.element-moving-in-viewport {
  view-timeline-name: foo;
  view-timeline-axis: block;
  animation: scale both linear;
  animation-delay: enter 0%;
  animation-end-delay: cover 50%;
  animation-timeline: foo;
}

[fantasai]

view-timeline-* will never be used for anything other than view timelines.

Afaict, what you're asking for is Query-linked Timelines? Which are rather a different thing from Scroll-linked Timelines, and is covered in the issue you filed at #6245