webvany
@webvany
Дизайнер

Одновременное использование hover и before или другое решение проблемы?

Вот код, который можно и посмотреть и попробовать изменить.
Нужно, чтобы при наведении на полупрозрачный логотип слева выводилась надпись, например, "Дизайн и разработка:", но до наведения видно надпись не должно быть вообще.
Проблему можно было бы очень легко решить, если бы можно было сделать
.copy:hover:before, но к сожалению псевдокласс и псевдоэлемент вместе не работают.
Помогите решить проблему. Скорей всего это можно решить с помощью jQuery в две строчки, но jquery я не знаю, как и js. Поэтому ищу любые решения.
P.S. Код (ссылка выше) находится в таком состоянии, при котором всё было бы идеально, если бы работали псевдокласс и псевдоэлемент. Если уберёте opacity: 0 у before, увидите надпись.
  • Вопрос задан
  • 58418 просмотров
Решения вопроса 2
webvany
@webvany Автор вопроса
Дизайнер
Проблема решилась самым простым образом.
Сначала нужно писать псевдокласс :hover, а затем псевдоэлемент :before, таким образом:
div:hover:after{}
Ответ написан
NekitoSP
@NekitoSP
все же нормально работает (.copy:hover:before) jsfiddle.net/AYB26/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
yalyoha
@yalyoha
Лёха
А как быть в таком случае? Когда нужен hover на оба отдельно! https://jsfiddle.net/yalyoha/q93fsz2o/
Ответ написан
Ваш ответ на вопрос

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

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