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

Как сделать такой эффект затемнения текста, по бокам?

Подскажите пожалуйста, как сделать такое затемнение по бокам?5e663adf414f3028837296.png
  • Вопрос задан
  • 357 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
OxCom
@OxCom

::before и ::after - позиционируем и добавляем градиент.
Ответ написан
Комментировать
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
1. Наложить сверху элемент или псевдоэлемент с радиальной(я вижу тут радиус)\линейным градиентом с альфой 0 для «выключения прозрачности», спозиционировав абсолюино относительно родителя и выключить захват мышой (чтобы можно было выделять текст) pointer-events:none.
2. Использовать псевдоэлементы справа и слева (если у виньетирования специфичные размеры не зависящие от общего размера) и дальше как в первном пункте.
3. Богомерзкие маски на CSS для текста (оптимально, если увести в прозрачность надо только текст)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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