Question

我正在尝试将文本颜色设为渐变，但渐变不能处理颜色属性，我想它不受支持？是否可以选择制作渐变色文本？

Answer 1

你想要这样的东西吗？文本不支持渐变，但可以对文本使用一些文本阴影效果

.mygradient{
    color: red;             
    font-family: Geneva, serif;
    line-height: 1em;
    color: #fff9d6;
    font-weight:bold;
    font-size: 39px;
    text-shadow:0px 0px 0 rgb(231,231,231),1px 1px 0 rgb(216,216,216),2px 2px 0 rgb(202,202,202),3px 3px 0 rgb(187,187,187),4px 4px 0 rgb(173,173,173),5px 5px 0 rgb(158,158,158), 6px 6px 0 rgb(144,144,144),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);   

}

<h1 class="mygradient">Your Text Here</h1>

参考：http://www.3dcsstext.com/

为什么css渐变不适用于颜色属性？

1 个答案: