css实现文字颜色渐变效果

在开发过程中，不免会遇到这样的设计稿，要求文字实现渐变的效果，那我们应该如何实现呢

//html
<p>如果感觉有用，请点个赞呢！！！</p>

// css
p{
    background-image:-webkit-linear-gradient(top,#00f,#f00); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
//top为从上往下渐变;
//bottom为从下往上渐变;

实现效果如下