您的位置:首页 > 技术中心 > 运维 >

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

时间:2023-05-15 19:00

文本渐变

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

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

以上就是如何使用css实现​文本渐变的详细内容,更多请关注Gxl网其它相关文章!

热门排行

今日推荐

热门手游