Intent to Prototype: CSS gradient easing functions

[Keith Cirkel]

Summary:

  Prototype out the feasibility of implementing easing functions as stops inside of CSS gradients (https://github.com/w3c/csswg-drafts/issues/1332).

Bug:

  https://github.com/w3c/csswg-drafts/issues/1332

Specification:

  None yet. To be worked on by CSS WG.

Standards Body:

  W3C

Platform coverage:

  all.

Preference:

  layout.css.gradient-stop-easing-functions.enabled

DevTools bug:

  N/A

Link to standards-positions discussion:

  https://github.com/w3c/csswg-drafts/issues/1332

Other browsers:

  Blink: No Signal.

  WebKit: No Signal.

web-platform-tests:

  None yet, will be written during prototyping phase.

Jake Archibald and I have been discussing CSS easing functions inside of gradients. I've prototyped a very rough implementation of them, and so I think it's likely worth announcing as much here. The intent will be to continue with the prototype and try to discover any obvious pitfalls, and use the patch as an opportunity to solicit more feedback from developers and our browser engineer colleagues as a solution emerges.

I want to stress how early this is in the prototyping phase. This is just an idea, and has no formal specification or any tests to speak of yet, and so may take some time before it is anywhere close to production ready, if ever.

[Martin Thomson]

Hi Keith,

If it helps, consider using the github.com/mozilla/explainers repo to sketch out an explainer.

--
You received this message because you are subscribed to the Google Groups "dev-pl...@mozilla.org" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dev-platform...@mozilla.org.
To view this discussion visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/363d6581-64c5-417b-a2a1-59844fad3164%40app.fastmail.com.

[Nicolas Chevobbe]

Note that in DevTools we do have a visual editor for easing functions in animation/transition (see https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/work_with_animations/index.html#page-inspector-how-to-work-with-animations-edit-timing-functions)

I guess it would be nice to adapt it for gradient easing function as well.

We also have this bug https://bugzilla.mozilla.org/show_bug.cgi?id=706102 to have a gradient editor, it might be a good idea to do it and think of a way to integrate the easing editor into it

Did you file a bug for this Keith?

Also you're mentioning a patch, is it available somewhere? It might be interesting to put it on Phabricator as WIP so people can test it out?

To unsubscribe from this group and stop receiving emails from it, send an email to dev-platform+unsubscribe@mozilla.org.

[Keith Cirkel]

No bug yet, but a WIP patch for folks to try is here: https://phabricator.services.mozilla.com/D276657

I'd like to re-iterate and stress; this is a low priority piece of "extra curricular" work, and is not part of the priorities for the Web Platform team.