w3c / w3c/csswg-drafts

[css-images-4] Should gradients even interpolate?

Open
#6,569 1 comment 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

css-images-4
Dominant language
Bikeshed
Stars
4.9k
Forks
816
Avg merge
2d 18h
Merged PRs (30d)
24

Description

In Images 4, smart interpolation of gradients is defined: https://drafts.csswg.org/css-images-4/#interpolating-gradients. This spec text has been around for several years, but afaik has never been implemented; browsers instead just interpolate gradients as generic images (cross-fading them).

We just agreed (in https://github.com/w3c/csswg-drafts/issues/1332#issuecomment-910891011) to add easing functions as <color-stop-hint>s, which would involve some more involved edits here - we'll have to define how to interpolate easing functions. That's not a difficult thing, but it's still work, and if UAs don't expect to actually implement smart gradient interpolation, I'd rather avoid doing that.

So, question to implementors: is there any intention to actually implement the smart gradient interpolation? Or should we give up on it and define that gradients interpolate as generic images?

(tagging @dino because they brought it up in the call)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the CSS Images 4 “Interpolating gradients” section and the linked csswg-drafts issue #1332 discussion about color-stop hints. Determine whether implementors intend to support smart gradient interpolation; done means recording the Working Group decision and aligning the specification text with that decision.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation, web-dev
Issue type
Documentation
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.