CSS - 渐变文本阴影

【问题标题】：CSS - Gradient text-shadowCSS - 渐变文本阴影
【发布时间】：2017-08-08 19:18:21
【问题描述】：

我想做一个渐变的文字阴影（像这样）
是否可以使用 CSS 或/和 Javascript 来做到这一点？
感谢您的帮助。

【问题讨论】：

请附上您目前尝试过的内容，谢谢

标签： css text

【解决方案1】：

您可以使用linear gradient 进行尝试，如下面的示例 sn-p 所示。请注意，这在 Internet Explorer 和 Edge 中不起作用。我在 Chrome、Firefox 和 Opera 中测试成功，但无法使用 Safari 进行测试。

 div {
    font-size: 128px;
    background: linear-gradient(90deg, #ff0000 5%, #00B053 15%, #1BAADA 30%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 12px transparent;
    color: #000; 
 }

<div>
   Text
</div>

【讨论】：