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>