Задать вопрос

Как сделать background c с градиентом по границам текста?

Всем привет, на скриншоте дизайн блока
take.ms/OY0Ok
У текста фон с градиентом, текст может быть в несколько строк и изменяться.
Без градиента сделал без проблем. А вот как сделать с градиентом?

Вот без градиента. И то не совсем так как надо. Но с градиентом такое не работает
https://codepen.io/navodchik131/pen/oVKaxx
  • Вопрос задан
  • 419 просмотров
Подписаться 5 Простой 1 комментарий
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Похоже, что единственный работающий вариант реализовать такой градиент на CSS - это играться со свойством mix-blend-mode и делать фолбек для старых браузеров. Что-то вроде этого:

Но этот способ не универсальный - мы вынуждены задавать фон родительскому элементу. Так что я бы обратил внимание вашего дизайнера на этот момент и обговорил бы альтернативные варианты дизайна.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@vardoLP
Ват ю сэй эбаут май мама?!
Ваш ответ на вопрос

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

Похожие вопросы