WEB前端

CSS3文字颜色渐变效果text-fill-color:transparent

位置:首页 > WEB前端 > css3教程,2019-03-21 08:34
CSS3文字颜色渐变效果background:-webkit-linear-gradient(top,#fc0,#f30 50%,#c00 51%,#600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;

CSS3文字颜色渐变(图0)

CSS3文字颜色渐变效果代码如下

<style>
#demo p{
margin:50px auto 100px;font-size:100px;
background:-webkit-linear-gradient(top,#fc0,#f30 50%,#c00 51%,#600);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
</style>
<div id="demo">
<p>文字颜色是渐变色</p>
</div>

TAGS:CSS3文字颜色渐变

猜你喜欢

NewHot