-
Notifications
You must be signed in to change notification settings - Fork 59
Open
Description
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);
Metadata
Metadata
Assignees
Labels
No labels