/* 渐变色文字步骤1:文字颜色变透明 */
color: transparent ;
/* 渐变色文字步骤2:添加渐变色背景 */
background-image: linear-gradient( to top, #43d5eb, #fff); /* 线性渐变 */
/* background-image: radial-gradient(); 雷达渐变 */
/* 渐变色文字步骤3: 以文字以依据进行背景图裁切 */
-webkit-background-clip: text;
/* 只有谷歌浏览器支持 */
渐变色文字实现
最新推荐文章于 2024-03-02 18:08:24 发布