- From: CSS Meeting Bot via GitHub <sysbot+gh@w3.org>
- Date: Tue, 27 Jul 2021 16:57:27 +0000
- To: public-css-archive@w3.org
The CSS Working Group just discussed `Higher level CSS interpolation module`, and agreed to the following: * `RESOLVED: This is something we want to work on, exact details TBD` <details><summary>The full IRC log of that discussion</summary> <emilio> topic: Higher level CSS interpolation module<br> <emilio> github: https://github.com/w3c/csswg-drafts/issues/5617<br> <emilio> astearns: this also might be covered in-spec but not impls<br> <emilio> ... in addition to using calc() across various types, they want to use easing functions for ~all properties<br> <chris> q+<br> <emilio> ... haven't looked at it in a while, but perhaps we can use easing functions in all properties or is it more limited than that?<br> <emilio> chris: when we added animations and before with SMIL we got some feedback from animators saying that it only worked on two values<br> <emilio> ... so this is a thing we want any time we transition, animate or interpolate<br> <Rossen_> ack chris<br> <chris> yes, done<br> <emilio> astearns: and I don't think we have any of the easing editors on the call<br> <emilio> ... it seems they are meant to be used anywhere where a value could be set<br> <emilio> fantasai: wdym with that?<br> <fantasai> https://www.w3.org/TR/css-easing-1/#easing-functions<br> <emilio> ... they are meant to be used where an easing function is asked for<br> <lea> q+<br> <emilio> ... it's a function, not a value<br> <emilio> astearns: I believe scott's ask is for things like optical sizing to be able to use easing functions as values<br> <chris> seems like a reasonable ask<br> <emilio> ... to be able to have more subtle transition across values<br> <emilio> fantasai: you need a range of values for that as well<br> <emilio> lea: if I'm reading this correctly, easing functions is just a minor piece of that issue<br> <miriam> q+<br> <emilio> ... there are other important issues like mixing relative units<br> <emilio> ... you need to do ?? manually in keyframes<br> <chris> s/??/spacing/<br> <emilio> ... I didn't open this issue and scott isn't here, but I think the idea is to unify all these interpolation mechanisms<br> <Rossen_> ack lea<br> <emilio> ... so that the same features are available everywhere<br> <Rossen_> ack miriam<br> <emilio> miriam: when interpolating between breakpoints wrt media/container queries, part of the complexity is that you have to set those breakpoints and then somehow attach an animation to those breakpoints<br> <emilio> ... I've thought a bit to scrolling animations and animation timelines linked to container / media queries<br> <argyle> q=+<br> <argyle> q+<br> <emilio> ... not sure if something like that would help<br> <Rossen_> ack argyle<br> <argyle> https://shadows.brumm.af/<br> <emilio> argyle: I use a lot of online tools that would generate things for me like shadows (^)<br> <emilio> ... what I'd like to do instead of something like this is letting CSS do this with a clamp-like function<br> <emilio> ... so that I can get an easing shadow with a natural curve<br> <emilio> ... it'd be really cool to pass curves to shadows / gradients / etc rather than a bunch of percentages<br> <emilio> ... almost anywhere where we accept multiple values we could shorten the entire stack into one or two by specifying the range and a curve<br> <emilio> ... if you're looking for use cases for stuff like this I can help<br> <emilio> astearns: I think this is very relevant, there are lots of use cases to express stuff in terms of curves of values. not quite sure where to start though<br> <emilio> Rossen_: where do we go from here? Is this the most appropriate issue to capture this?<br> <emilio> astearns: bkardell suggests this as an expansion to web-animations-2<br> <astearns> s/bkardell/birtles/<br> <fantasai> emilio: Use cases adam mentions aren't particularly animation-like<br> <emilio> Rossen_: shouldn't but it's where most that stuff is defined<br> <Rossen_> q?<br> <emilio> Rossen_: sounds like enough motivation was heard. There are some overlapping efforts in the interpolation space with animations-2, and if that's not enough we need to figure out what else is needed<br> <emilio> ... is there anything else we can do with this issue?<br> <lea> +1 to work on it<br> <emilio> RESOLVED: This is something we want to work on, exact details TBD<br> </details> -- GitHub Notification of comment by css-meeting-bot Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5617#issuecomment-887675565 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 27 July 2021 16:57:29 UTC