CSS - Text Shadow Gradient

Question

I want to create a shadow shadow of a gradient (like this) Can I do this with CSS or / and Javascript? Thanks for the help.

Answer 1

You can try it using linear gradient, as in the example snippet below. Please note that this does not work in Internet Explorer and Edge. I have successfully tested it in Chrome, Firefox, and Opera and am not able to test it using 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>

Run codeHide result