[csswg-drafts] [css-animations][css-transitions][css-gradients] Higher level CSS interpolation module (#5617)

scottkellum has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-animations][css-transitions][css-gradients] Higher level CSS interpolation module ==
# Abstract

Numerous CSS modules have interpolation as a part of them: keyframe animations, transitions, gradients, and the new color mix functions. Consolidating interpolation into a module that makes the behavior more consistent across these, while also providing a path to new features like gradient easing, would be more logical and consistent for CSS authors.

## Pain points in CSS and CSS drafts

- CSS gradient easing is a much requested feature #1332
- Unlike gradients, CSS keyframes require all relative units. Imagine if one could use `0.5s` alongside `50%` in keyframes.
- Shifting scroll-linked animations to a more appropriate scroll-linked interpolation as it’s based on length typed measurements, not time.

## New possibilities for the future

- Interpolate styles based on viewport width (like interpolating breakpoints)
- Possibly new ways to interpolate variable font settings

## Related issues

- Rename spec and wording to be more generic #1577
- Add easing to color stops #1332

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5617 using your GitHub account


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

Received on Wednesday, 14 October 2020 00:36:16 UTC