W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2020

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

From: Scott Kellum via GitHub <sysbot+gh@w3.org>
Date: Wed, 14 Oct 2020 00:36:15 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-721044576-1602635774-sysbot+gh@w3.org>
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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:20 UTC