Autoprefixer: Autoprefix background-clip and text-fill-color?

[leoj3n]

Preface: Not sure if this is an "issue" or something you care to implement. Just something I notice while testing.

Using this trick: http://css-tricks.com/snippets/css/gradient-text

Autoprefixer isn't adding prefixes (-webkit-) to background-clip and text-fill-color.

http://caniuse.com/#search=background-clip
http://caniuse.com/#search=text-fill-color

background: linear-gradient(#eee, #333);
background-clip: text;
text-fill-color: transparent;

Is currently prefixed as:

background: -webkit-linear-gradient(#eee, #333);
background: linear-gradient(#eee, #333);
background-clip: text;
text-fill-color: transparent;

Should be prefixed as:

background: -webkit-linear-gradient(#eee, #333);
background: linear-gradient(#eee, #333);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;

[ai]

Thanks for good issue report.

Unfortunately, I have a lot of works on these days and will be able to fix it after Christmas or maybe after New Year.

[ai]

According Can I Use background-clip doesn’t need -webkit- prefix now.

[ai]

About -webkit-text-fill-color. Autoprefixer will not support it now, because there is no any uprefixed text-fill-color version. There is no standard or support by other browsers.

So, it is webkit-only hack and you should write only prefixed version:

a {
  -webkit-text-fill-color: transparent
}

[nickensoul]

There is 2017 now and I just want to show you this:

It works in Firefox 52.0.1 (x64), but not in Safari 10.0.3, Safari still needs vendor prefixed background-clip: text.

[ai]

I am on conference right now. Ping me in Friday if I will forget to look into it.

[wzup]

background-clip doesn't work.

The issue was raised in 2013. Now there is September 2017 background-clip doesn't work

[benjarwar]

Repro'd in Chrome as well.