CSS实现文字颜色渐变效果

略微搜索查阅了网上的实现方法:

 

1.给元素添加背景渐变色,通过背景裁剪其中文字,再将文字设置为透明即可实现。(兼容性问题请自行添加浏览器前缀)

background-color:linear-gradient(to right bottom,#00f260, #0575e6);

background-clip:text;

color:transparent;

 

2.给元素添加背景图片,通过背景裁剪其中文字,再将文字设置为透明即可实现。

background:url(".........");

余下两行属性设置同上。方法网上还有很多

 

 

 

 

                                             原打算杭漂,没有公司愿意线上面,只能等毕业再看看了。毕设这个月也必须搞定,有点拖后腿

posted on 2023-03-06 22:18  xiaoxiaowu1314  阅读(648)  评论(0编辑  收藏  举报