CSS - 渐变文字阴影

Question

我想打一个梯度文字阴影（像这样）
是否有可能做到这一点与CSS或/和Javascript？
感谢您的帮助。

Answer 1

您可以用linear gradient尝试，就像在例如下面的代码片段。请注意，这并不行在Internet Explorer中和边缘。我在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>