验证（css 4.0）"text"不是“-webkit-background-clip”属性的有效

在我把字体图标的color改成渐变色的过程中，漂黄了，就是‘验证（css 4.0）"text"不是“-webkit-background-clip”属性的有效’
效果还是能出来的，就是漂黄了看着难受，请问这是什么原因呢？

.demo-progress >div:nth-child(3)>div>div:hover >p:nth-child(1){
    background-image: linear-gradient(180deg,#ff4949,#f87474);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}