Re: [csswg-drafts] Interpolate values between breakpoints (#6245)

Just so people could play with the “mix” or “position-of” type of syntax: https://codepen.io/kizu/pen/BavRKBK

It is a fork of my previous pen, but just using the scroll-driven animation to distribute a registered custom property from 0 to 1, which can then be used for “mixing” values in a manner very similar to the `mix()` and `position-of()` proposals — obviously, basically the `position-of()` as we get the fractional value in the end, but also can be seen as an approximation of what `mix()` can achieve.

I think, as an author, I can see cases where I would want to have the animation-like keyframes definition, as it can be very expressive, but also see the `mix()` variant be useful as a convenient way to assign something for a single property, but also the `position-of()` which could be then used as a part of more complicated calculations (see the [corresponding section of my article](https://kizu.dev/position-driven-styles/#distributing-anything-property), where I modify the variable using CSS math functions to change the way it is distributed).

Basically, the more I think about it, the more I want to have all 3 ways to get these interpolated values, as I can see various use cases benefiting from each of them.



-- 
GitHub Notification of comment by kizu
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6245#issuecomment-1714207892 using your GitHub account


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

Received on Monday, 11 September 2023 16:22:58 UTC