@Ivan_Efimov
Junior frontend

Можно ли при наведении на один элемент анимировать другой с помощью :hover?

Ситуация:
Один родительский блок и два дочерних, которые соседи относительно друг друга.
Задача:
Анимировать второй дочерний блок по наведению на элемент первого.
Подробнее:
В первом блоке есть "стрелка", по наведению на неё разворачивается "текстовый элемент" во втором.
Можно ли сделать это с помощью :hover css? Мои знания говорят "нет". Возможно я что-то пропустил.
Спасибо.
  • Вопрос задан
  • 79 просмотров
Решения вопроса 1
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
tolfy
@tolfy
Фирменный стиль
Стандартый ход:
используем свойство CSS "сосед"
.foo1 + .foo2

следует помнить, что соседство действует только в сторону "следующего ЗА", т.е. нельзя обратиться к соседу, "идущему ДО". В примере можем достать только до .foo2, а до .foo1 можно достать другими средствами, например, через родителя: .parent > *[class^="foo"]:first-child, но не через соседство +
Ответ написан
Ваш ответ на вопрос

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

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