Re: [csswg-drafts] [scroll-animations-1] Transition delays in scroll-linked animations (#7059)

The CSS Working Group just discussed `transition delays in scroll-linked animations`.

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> Topic: transition delays in scroll-linked animations<br>
&lt;TabAtkins> github: https://github.com/w3c/csswg-drafts/issues/7059<br>
&lt;TabAtkins> flackr: in reponse to smfr comment, many scroll-linked aniamtions today don't immediately update to the scroll position, they have a delay in time<br>
&lt;TabAtkins> flackr: whether that's due to ipml issues is an open question<br>
&lt;dbaron> s/ipml/implementation/<br>
&lt;TabAtkins> flackr: in order to support this, could add something similar to transitions, where the timeline would target the currnet scroll position, but take an easing function to progress to it<br>
&lt;TabAtkins> flackr: I put together a jsbin to show off constructing this with a custom prop and some jS<br>
&lt;bramus> https://jsbin.com/qekodug/edit?css,js,output<br>
&lt;TabAtkins> flackr: so should we do this now, and if so do the properties make sense, or do this as a l2 feature?<br>
&lt;TabAtkins> fantasai: suggest we wait for smfr, suspect he'll have an opinion<br>
&lt;bramus> q+<br>
&lt;TabAtkins> fantasai: re: level, seems easy to defer, so maybe level 2? but we dont' have an fpwd of l1 yet, so we can include it and split it later if needed<br>
&lt;bramus> q-<br>
&lt;TabAtkins> ydaniv: you might be able to do some of this now with easing, or like the new linear() function<br>
&lt;TabAtkins> flackr: you can't do this using any existing easing function - right now, if you scroll to a position we immediately update the time to match the position<br>
&lt;TabAtkins> flackr: you can use easing to control how you respond to time, but you can't delay the update<br>
&lt;TabAtkins> flackr: if smfr shows up today, i'd love to get this in if possible<br>
&lt;TabAtkins> astearns: so let's table for now and see if we can get simon on the call today<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7059#issuecomment-1204076183 using your GitHub account


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

Received on Wednesday, 3 August 2022 15:08:57 UTC