css3实现文本渐变

.gradient-text-one{  
     background-image:-webkit-linear-gradient(bottom, #00d5fd,#84eaff,#00d5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 2;

}

实现效果

致力于前端技术学习与分享,会及时更新博客。
原文地址:https://www.cnblogs.com/caoxueying2018/p/9850642.html