mask-image and gradients

mask-image: radial-gradient(circle closest-corner at 100% 50%, #000, transparent);

outputs the following

-webkit-mask-image: -webkit-radial-gradient(circle closest-corner at 100% 50%, #000, transparent);
mask-image: radial-gradient(circle closest-corner at 100% 50%, #000, transparent);

This is wrong because:

• The prefixed version of radial-gradient uses an old syntax (-webkit-radial-gradient(100% 50%, circle closest-corner, ...)), the standard at 100% 50% is not recognized, so the first line doesn’t work.
• Webkit doesn’t support the unprefixed mask-image, so the second line doesn’t work.

One thing that would work would be the prefixed version of mask-image with the unprefixed version of radial-gradient: -webkit-mask-image: radial-gradient(circle closest-corner at 100% 50%, #000, transparent);

(I am testing in Chrome, not sure if this applies in Safari)

[ai]

Done 847bfd5

[BaliBalo]

Thanks a lot! Haven’t had time to make a PR sorry.