[csswg-drafts] Pull Request: [scroll-animations] Update scroll timeline css syntax and properties (#4338, #4336)

majido has just labeled a pull request from majido for https://github.com/w3c/csswg-drafts as "scroll-animations":

== [scroll-animations] Update scroll timeline css syntax and properties (#4338, #4336) ==
Make improvements to CSS syntax based on previous CSSWG discussions. 

## New at-rule
This addresses issue #4338 .

Introduce @timeline at-rule. The rule is used to specify parameters for scroll timeline (but can later
be used for regular timelines as well).

The animation-timeline property would select the appropriate at-rule based on its name.

I have also added language to allow existing `animation-name` property to be used for this as well. This will improve ergonomics IMO. But I can drop this part and have it as a separate PR if there is concern.

## Shorter names for Scroll Timeline properties 
This addresses  #4336 

Use shorter names for properties:
 - startScrollOffset -> start
 - endScrollOffset -> end
 - scrollSource -> source (optional)

## Other changes

Minor changes to avoid bikeshed WARNING:
 - disambiguate reference to rAF
 - Reference layout cycle



See https://github.com/w3c/csswg-drafts/pull/4751

Received on Wednesday, 5 February 2020 22:04:40 UTC