CSS two-location color stop logic example?

[JAB Creations]

Pale Moon 3.7 release notes:
https://www.palemoon.org/releasenotes.shtml

Implemented CSS two-location color stop logic. This allows for two-location color stops (`color x% y%`) in gradients, which is shorthand for `color x%, color y%` where both colors are equal.

Okay great, but I can't find any examples. What would be an example gradient that will now work in 3.7 but not 3.6 please?

[Gemmaugr]

viewtopic.php?f=70&t=32218

[JAB Creations]

Thank you.

https://bugzilla.mozilla.org/show_bug.cgi?id=1352643

Code: Select all

CSS.supports('background', 'linear-gradient(45deg, #f06 25%, yellow 25% 50%, #f06 50% 75%, yellow 75%)');