隐藏页面特效

CSS怎样设置文字渐变

1|0一.首先设置背景渐变(background:liner-gradient(角度,颜色1,颜色2,.........);)


  background:liner-gradient(90deg,red,yellow,blue);

2|0二.通过属性-webkit-background-clip:text;


  注:-webkit-background-clip:text;以盒子内的文字作为裁剪区,文字以外的部分就会被剪掉。

3|0三.必须给文字设置为全透明(最重要的)(4种方法)


1.color: #00000000;
2.color: transparent;
3.color: rgba(0,0,0,0);
4.opacity: 0;

__EOF__

本文作者keep on going,never give up
本文链接https://www.cnblogs.com/-xyk/p/13461530.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   彼时听风  阅读(800)  评论(3编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示