Задать вопрос
guvijur
@guvijur
Практик, кинестетик, ретроград и консерватор

Как с помощью CSS сделать эффект наведения на соседний элемент через одного?

Есть код:

<div class="project">
    <div class="redBox"></div>
    <div class="redBox"></div>
    <div class="redBox"></div>
    <div class="redBox"></div>
    <div class="redBox"></div>
    <div class="redBox"></div>
</div>


Каждый блок с классом redBox имеет значение ширины и высоты.

Необходимо, чтобы при наведении на любой из этих блоков, значение ширины блока, являющегося прямым соседом прямого соседа этого блока увеличивалось плавно.

Другими словами, если навели на первый блок, то должен увеличить свою ширину 3-ий блок, если навели на второй, то увеличивается 4-ый. Остальные блоки не должны меняться.
  • Вопрос задан
  • 189 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
Seasle
@Seasle Куратор тега CSS
Так чтоль?
Ответ написан
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы