CSS实现文字颜色渐变

直接上代码和效果图：

<p class="linecolor">文字颜色渐变</p>

<style type="text/css">
    .linecolor{
        font-size: 30px;
            background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow);
            -webkit-background-clip:text;
            -webkit-text-fill-color:transparent;
    }
</style>

效果