在开发过程中,不免会遇到这样的设计稿,要求文字实现渐变的效果,那我们应该如何实现呢
//html
<p>如果感觉有用,请点个赞呢!!!</p>
// css
p{
background-image:-webkit-linear-gradient(top,#00f,#f00);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
//top为从上往下渐变;
//bottom为从下往上渐变;
实现效果如下