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

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

Вот код, который можно и посмотреть и попробовать изменить.
Нужно, чтобы при наведении на полупрозрачный логотип слева выводилась надпись, например, "Дизайн и разработка:", но до наведения видно надпись не должно быть вообще.
Проблему можно было бы очень легко решить, если бы можно было сделать
.copy:hover:before, но к сожалению псевдокласс и псевдоэлемент вместе не работают.
Помогите решить проблему. Скорей всего это можно решить с помощью jQuery в две строчки, но jquery я не знаю, как и js. Поэтому ищу любые решения.
P.S. Код (ссылка выше) находится в таком состоянии, при котором всё было бы идеально, если бы работали псевдокласс и псевдоэлемент. Если уберёте opacity: 0 у before, увидите надпись.
  • Вопрос задан
  • 85088 просмотров
Подписаться 7 Оценить 2 комментария
Решение пользователя Иван Желудков К ответам на вопрос (3)
webvany
@webvany Автор вопроса
Дизайнер
Проблема решилась самым простым образом.
Сначала нужно писать псевдокласс :hover, а затем псевдоэлемент :before, таким образом:
div:hover:after{}
Ответ написан