纯CSS实现多种渐变效果：渐变文字
| 经营范围：电脑组装，电脑维修，智能家居设备，苹果电脑系统安装，苹果手机刷机，监控安装，媒体编辑，数据恢复，复印打印，网站制作等 |
HTML:
| <div class="gradient-text">Gradient Coding</div> |
CSS:
|
.gradient-text { font-size: 60px; font-weight: bold; background: var(--gradient-color); -webkit-background-clip: text; background-clip: text; color: transparent; animation: text-slide 2s linear infinite; }
@keyframes text-slide { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } |
来源：本文由天寻工作室原创撰写，欢迎分享本文，转载请保留出处和链接！
