With this style object:
{
maskImage: 'radial-gradient(closest-side, black, transparent)'
}
Using inline-style-prefixer (via fela-preset-web), the resulting prefixed properties and rules are all unusable in Chrome:
-webkit-mask-image: -webkit-radial-gradient(closest-side, black, transparent),-moz-radial-gradient(closest-side, black, transparent),radial-gradient(closest-side, black, transparent);
mask-image: -webkit-radial-gradient(closest-side, black, transparent);
mask-image: -moz-radial-gradient(closest-side, black, transparent);
mask-image: radial-gradient(closest-side, black, transparent);

Here is the correct result from stylis (via styled-jsx), that works in Chrome:
-webkit-mask-image: radial-gradient(closest-side,black,transparent);
mask-image: radial-gradient(closest-side,black,transparent);

With this style object:
Using
inline-style-prefixer(viafela-preset-web), the resulting prefixed properties and rules are all unusable in Chrome:Here is the correct result from
stylis(viastyled-jsx), that works in Chrome: