css彩虹⽂字
⽤CSS3实现彩虹⽂字的效果,只在Webkit内核的浏览器(⾕歌浏览器或移动端)上有效果。background-image:
-webkit-gradient(linear, left top, right top, color-stop(0, #f22),
color-stop(0.15, #f2f),css特效文字
color-stop(0.3, #22f),
color-stop(0.45, #2ff),
color-stop(0.6, #2f2),
color-stop(0.75, #2f2),
color-stop(0.9, #ff2),
color-stop(1, #f22));
color: transparent;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
来看看具体的效果:
在夜深⼈静的时候,想起她。
原理是将⽂字设置为透明,然后通过背景图⽚中的渐变给透明的⽂字上⾊。
"有时候,虽然能想明⽩,但⼼⾥就是接受不了。"
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论