3

I want to make a gradient text-shadow (like this) enter image description here
Is it possible to do that with CSS or/and Javascript?
Thanks for help.

Improve this question
1
  • 1
    Please include what you have tried so far, thanks Commented Aug 8, 2017 at 8:36

1 Answer 1

Reset to default
6

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

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

Good ! Works perfectly. Bravo !

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.