Tispartaaaa
@Tispartaaaa
Начинающий фронтендер :)

Как грамотно написать hover в данном случае?

Добрейший вечерочек.
Помогите плз.
Наверняка решение крайне простое, но пока не додумался какое.
Ситуация такая.

Нужно что бы было так:
при наведении на блок 1 или на блок 2, блок 2 плавно поднимается вверх.

Проблема:
ели навести курсор на блок 2, этот блок 2 поднимается вверх как и нужно, но если курсор хоть чуток сдвинуть после этого куда угодно, блок едет обратно, а нужно что бы оставался пока что наверху.

Понятно, что это поведение логично, но вот, надо как-то сделать так как надо)
Если у вас возник вопрос
-А когда тогда блок 2 должен съезжать обратно?

Отвечу так:
-Обратно тогда когда юзер наводит на блок 3 или 4 или 5 или 6. Смысл такой.

Спасибо большое! :)
  • Вопрос задан
  • 390 просмотров
Решения вопроса 5
@KurtsKhalia
codepen.io/anon/pen/vXjBPp
Обычно примерно так делаю. Решение кажется грамотным, так как читается всеми браузерами и не требует жабускрипт.
Ответ написан
Dzvonkevich
@Dzvonkevich
Wordpress & Frontend разработчик
на jquery при наведении на блок 1 или 2, присваиваешь им класс (такой же как при :hover), а затем когда мышка попадает на другие элементы, класс автоматически убирается
Ответ написан
@petriychuk
Ну можно на jQuery добавлять класс active и так будете сохранять положения, а при ховере на другой блок удалять везде active и добавлять на текущий блок. Не уверен что можно сделать на чистом css
Ответ написан
Это не то что ты хочешь, но попрубуй так, возможно подойдёт.

codepen.io/anon/pen/KgoLzG
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
Без JS - никак.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
27 окт. 2020, в 22:07
50000 руб./за проект
27 окт. 2020, в 21:27
20000 руб./за проект
27 окт. 2020, в 20:58
60000 руб./за проект