Как сделать градиентную обводку текста?

Question

[alaskafx]

У меня есть псевдоэлемент, которому я сделал обводку текста с помощью -webkit-text-stroke-color, но мне нужно сделать её градиентной, т.е от более прозрачного к менее прозрачному.
Нужен такой результат:
Как такое сделать?

Comments

[Вадим]

Пример ожидаемого результата для наглядности бы не помешал.

[alaskafx]

Вадим, Редактировал вопрос

[Alex Karo]

Выглядит так, как будто можно сделать эту обводку и наложить на нее сверху linear-gradient с затемнением

[alaskafx]

Alex Karo, Не могли бы вы показать такое в песочнице? Буду благодарен

[Alex Karo]

alaskafx, https://jsfiddle.net/b03jd7rq/10/

[Alex Karo]

А ещё можно с помощью text-shadow захачить
https://jsfiddle.net/b03jd7rq/11/

Answer 1

[Tilda Master]

.text {
  background: -webkit-linear-gradient(0deg , #343434, #000000);
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: black;
}