警告:本站服务器将于2020-7-10到期,不再续费,本站如果有大家需要的资料赶紧备份,谢谢!另:我会陆陆续续将本站一些文章放入github上,请关注我。
当前位置:W3Cbest前端开发>HTML/CSS>CSS3 文本渐变(Gradient Text)

CSS3 文本渐变(Gradient Text)

原创2019-07-19HTML/CSS5127 次阅读 · 读完需要 2 分钟。

如果你现在刚刚熟悉渐变是什么,我们会在你深入研究更强硬的东西之前为你画画。渐变是具有起点和终点的颜色的渐变 – 因此,线性渐变以一种颜色(如红色)开始,并逐渐沿直线过渡到另一种颜色(如蓝色)。就像我们在线性渐变文章中所说的那样,将日落视为线性渐变的最佳示例,以及每种颜色如何精美无缝地进入下一个。

文字渐变

h1 {
font-size:72px;
background:-webkit-linear-gradient(#eee,#333);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
赞(237) 打赏
未经允许不得转载:W3Cbest前端开发>CSS3 文本渐变(Gradient Text)

相关推荐

发表评论