Can text be styled with a linear gradient, shadow, and outline all at once?
I'm running into an issue where setting "-webkit-text-fill-color: transparent" for the gradient causes the shadow to appear on top of the text.
Is there a way to have the text appear on top of the shadow instead?
Below is the code snippet I'm currently using:
p {
font-size: 100px;
background: linear-gradient(to bottom, red, blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px black;
text-shadow: 15px 15px black;
}
<p>Some Text</p>