Есть ли способ сложить псевдоэлемент * позади * заполнения градиента текста родителя? ⇐ CSS

[Anonymous]

Вот мой фрагмент.

Код: Выделить всё

p::before

-слегка сдвинутый ход, который я хочу быть за p , но потому что для того, чтобы текстовый элемент появлялся как заполненный градиентом, вам необходимо установить цвет текста в цвет: прозрачный (затем набрать градиент), инсульт появляется перед p . class = "Snippet">

Код: Выделить всё

p{
background-image: linear-gradient(#0b6d46, #09827a);
color: transparent;
background-clip: text;

font-size: 7rem;
margin: 0;
position: absolute;
top:10vh;
right: 55vw;

font-family: "New Rocker", 'Times New Roman', serif;

z-index: 2;

}

p::before{
content:"Cool CDs";

position: absolute;
background-image: none;
top: 10px;
left:0;
-webkit-text-stroke: 2px #09827a;

z-index: -1;
}< /code>
Cool CDs
< /code>
< /div>
< /div>
< /p>
Последний желаемый результат должен быть:
p

-это текст градиента, а p :: до -ход, показанный за градиентом p .>

Подробнее здесь: https://stackoverflow.com/questions/797 ... t-gradient