css之文字渐变效果实现

#条件：浏览器是Chrome或是Safari #工具：background-clip + text-fill-color #实战 html

<p>文字渐变效果实现</p>

css
p{
    background-image: linear-gradient(yellow,pink);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

实在是太简便了，唯一美中不足的是只有chrome内核浏览器和safari才支持。