0

Есть текст с градиентом:

<div class="text"></div>

.text {
    background: linear-gradient(180deg, #fff981 33%, #c9870a 66%, #ffd339);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

введите сюда описание изображения

Как тексту можно задать тень text-shadow, чтобы градиент остался?

Если я добавляю тень тексту, то текст становится черным.

text-shadow: 0 0 1px #000;

введите сюда описание изображения

1
  • Добавить под градиентный текст еще один слой с уже обычным точно таким же текстом и применить тень к нему. 23 мар в 10:53

1 ответ 1

1

Тени при помощи filter: drop-shadow(); - поддерживается всеми браузерами кроме IE

.text {
    background: linear-gradient(180deg, #fff981 33%, #c9870a 66%, #ffd339);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    font-weight: 700;
    filter: drop-shadow(2px 2px 1px black);
}
<div class="text">tesrfdfs</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.