Как по ховеру увеличивать блок меню?

Question

[zveronol]

строки 378-388 не помогают
https://jsfiddle.net/f4k30xgs/

Comments

[Mesuti]

Лучше на js делать.
Потому что это соседние элементы.

[zveronol]

Ankhena , извините
не подскажете?

увеличивать блок

<div class="status__menu">
          block menu
          </div>

по ховеру на ,status__transit

[Ankhena]

строки 378-388 не помогают

Конечно не помогают.
Вы же пишете, что нужно покрасить .status__right, который находится ВНУТРИ .status__transit
А его там нет.
Он и не красится.

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

Answer 1

[Steppp]

.status__transit {
    transition: 1s;
}

.status__transit:hover {
  background-color: red;
  transform: scale(1.5);
  transition: 1s;
}

Comments

[zveronol]

Steppp, увеличивать не кнопку. а этот блок

<div class="status__menu">
          block menu
          </div>

https://jsfiddle.net/wbvLe3gu/