如何使用css实现​文本渐变

如何使用css实现​文本渐变

文本渐变

文本渐变效果很流行,使用 CSS3 能够很简单就实现

h3[data-text] { position: relative;}h3[data-text]::after { content: attr(data-text); z-index: 10; color: #e3e3e3; position: absolute; 较好: 0; left: 0;-webkit-mask-image: -webkit-gradient(linear, left 较好, left bottom, from(rgba(0,0,0,0)), color-s较好(50%, rgba(0,0,0,1)), to(rgba(0,0,0,0)));}

感谢各位的阅读!关于“如何使用css实现文本渐变”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

文章标题:如何使用css实现​文本渐变,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/22207

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
亿速云的头像亿速云
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部