@SuperZombi

Как сделать так, чтобы тень не налазила на буквы?

Проблема:
Тень на сайте налазит сверху на градиентный текст. Как сделать так, чтобы тень не налазила?
.font1{
	font: bold 24pt Bips;
	background: linear-gradient(to right, #07f, #7109AA);

	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;

	text-shadow: grey 4px 5px 2px;
	-webkit-text-stroke: 1px black;
}


5f8be64c04536269686675.jpeg
Картинка 1 - Как у меня получилось
5f8be6688f1e2413351199.jpeg
Картинка 2 - Как я хочу, чтобы было (Photoshop)
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
Можно заменить тень на фильтр:



Но такие штуки не отличаются хорошей кроссбраузерностью, а светлое будущее наступило еще не везде, так что в общем случае я бы рекомендовал использовать SVG-картинки.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
GrinMorg
@GrinMorg
Что-то знаю. Но всегда учусь.
Вот решение вашего вопроса:
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы