@alexeeey_kuznetsov

Как реализовать перекрытие фоном псевдоэлемента фона родителя, но не текста содержимого блока родителя?

В сути вопроса указал очень не понятно с первого взгляда.
Вот ссылка на codepen.
https://codepen.io/alexeeey_kuznetsov/pen/EzXvRp
Проблема в чём: увидел интересную анимацию с наведением и псевдоэлементом.
Решил попробовать у себя: не получалось наведением наложить нужный цвет никак, и метод отыскивания в строчках кода понял, что если у родителя, в моём случае .btn - будет изначальный бэкграунд какого-либо цвета, то при наведении псевдоэлемент не сможет перекрыть своим фоном родителя, что мне как раз и требуется.
Надеюсь, объяснил доходчиво.

Заранее спасибо за ответ!
  • Вопрос задан
  • 392 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
Vnevremen
@Vnevremen
digital designer
Нужно содержимое блока (текст) дополнительно обернуть в < div >, тогда получатся такие слои:
  • родительский блок с бэкграундом
  • псеводоэлемент родительского блока со своим бэкграундом
  • текст который вы дополнительно обернули
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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