CSS3 实现文字渐变色

直接上代码:




    
    Title
    


    

我是渐变文字

效果如图:

CSS3 实现文字渐变色_第1张图片

核心内容说明:

background-image属性:设置背景图片为线性渐变色,了解更多css3渐变内容点击这里

background-clip 属性:规定背景的绘制区域。(我们注意到该属性上的-webkit-,说明该属性还存在兼容问题,并不是所有浏览器都支持,在W3C是没有text这个值的,这里的text是背景被裁剪到文字)

CSS3 实现文字渐变色_第2张图片

color属性: 设置文字颜色为透明,然后面的背景色显示出来。

你可能感兴趣的:(CSS3 实现文字渐变色)