CSS - 渐变文本阴影

Question

我想制作渐变文字阴影（像这样）
用CSS或/和Javascript可以做到这一点吗？
谢谢你的帮助。

Answer 1

您可以使用linear gradient进行尝试，如下面的示例代码段所示。请注意， 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>