Мыльные иконки в фонт авесом

Хелп,как пофиксить это?

Код:

font-size: x-large;
display: inline-block;
vertical-align: top;
list-style-type: none;
margin-top: -5px;
text-shadow: 0px 0px 5px rgba(255, 85, 164, 0.75);
background: linear-gradient(to right, #ff55a5, #ff55a5, #ff5860, #ff5860);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

 

Смыть мыло - водой.

 

что там пофиксить надо?

 

мыльность иконок

 

Удоли:
text-shadow: 0px 0px 5px rgba(255, 85, 164, 0.75);
background: linear-gradient(to right, #ff55a5, #ff55a5, #ff5860, #ff5860);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

 

они станут обычными,а мне нужно градиент+тень

 

Так ты определись тебе что надо то? если мыльность убрать то тебе уже подсказали, а если градиент то это уже другой вопрос

 

Да и нах тебе эта тень с градиентом, ГС а-ля нуливые надумал сделать

 

Прекол конечно)
Настрой размытость тени на минимум тогда через код элемента в браузера и вставь, какую нужно. Но выглядеть это для этих шрифтов будет не очень

 

пофиксил,всем спасибо за советы,решение было овер простое,прошу закрыть тему

 

ну так может напиши решения проблемы? или как?

 

Тень у текста сбавил же. Было -8 диоптрий, стало -3

 

нет

у меня ошибка была)0
лишний пробел