如何在CSS3中的所有浏览器中为文本应用渐变

Question

如何在CSS3中的所有浏览器中为文本应用渐变，我尝试过：

b {
   text-style:gradient;
}

Answer 1

希望这会有所帮助。关于浏览器支持-Firefox，Chrome和Safari支持非官方的-webkit-background-clip：文本（仅带前缀）。 https://caniuse.com/#search=-webkit-background-clip

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<h1>Text Gradient</h1>