autoprefixer: `background-clip: text` doesn't get expected vendor prefix

Hello 👋 I was trying to get the necessary vendor prefix for the background-clip property using https://autoprefixer.github.io/.

Input:

p {
  background: coral;
  background-clip: text;
  color: transparent;
}

Expected Output:

p {
  background: coral;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

Current Output:

p {
  background: coral;
  background-clip: text;
  color: transparent;
}

According to caniuse, support for Firefox, Chrome and Safari can be achieved by using the unoficial: -webkit-background-clip: text

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 2
  • Comments: 15 (14 by maintainers)

Most upvoted comments

Yeap, you need to create new JSON file about text value in features-json/