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? On Tuesday, December 16, 2025 at 1:34:56 AM UTC+1 Martin Thomson wrote: > Hi Keith, > > If it helps, consider using the github.com/mozilla/explainers repo to > sketch out an explainer. > > On Tue, Dec 16, 2025 at 2:01 AM Keith Cirkel <[email protected]> > wrote: > >> 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. >> >> -- >> You received this message because you are subscribed to the Google Groups >> "[email protected]" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected]. >> To view this discussion visit >> https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/363d6581-64c5-417b-a2a1-59844fad3164%40app.fastmail.com >> >> <https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/363d6581-64c5-417b-a2a1-59844fad3164%40app.fastmail.com?utm_medium=email&utm_source=footer> >> . >> > -- You received this message because you are subscribed to the Google Groups "[email protected]" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/dc9bd5bd-ffce-4699-bc5e-e7c8811046b4n%40mozilla.org.
