@AlexB_49
Студент

Как сделать эффект при наведении на картинку-ссылку с описанием?

Здравствуйте, у меня есть вопрос начинающего. Вот кусок HTML кода:
<div id="container">
        <div id="left"><a href="#"><img src="" alt=""><span class="texthover">Какой-то текст</span></a></div>
</div>

В div-e с id "left" помещена ссылка, в которую помещена картинка и какой-то текст в теге span.

Нужно сделать так, чтобы при наведении на ссылку (то есть картинку либо текст под ней) менялся, допустим, цвет текста в span, а также картинка, к примеру, затемнялась.

Я пробовал вот так:
#container > div > a:hover
{
    color: #3a3f5d;
    transition: 0.5s;
}

#container > div > a > img:hover
{
    opacity: 1;
}


Текст меняет цвет, а вот картинка не меняется. Помогите исправить, пожалуйста.
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
#container > div > a:hover > span {
    color: #3a3f5d;
    transition: 0.5s;
}

#container > div > a:hover > img {
    opacity: 1;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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