Сам текст градиент - и вокруг текста text-shadow
Есть 2 варианта:
.block {
background: #000;
padding:20px;
}
.counter {
font-family:arial;
color: #8da8e5;
font-weight: bold;
text-shadow: 0px -1px 14px #061a83, 0px 0px 26px #061a83, 0px -1px 14px #061a83, 0px -1px 14px #001479, 0px -1px 14px #7289ff;
font-size: 28px;
}
.counter2 {
font-family:arial;
text-shadow: 0 0 35px #2958cb;
background: -webkit-linear-gradient(#ffffff, #4f6a92);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 28px;
font-weight:bold;
}
<div class="block"><span class="counter">9191</span></div>
<div class="block"><span class="counter2">9191</span></div>
Оба не то, во втором же случае где градиент, то text-shadow - накладывается поверх.
Как сделать максимально похожий стиль как на картинке?