Задать вопрос
@Nohaga
html

Как сделать такой блок?

Как сделать такой блок, что бы при наведении он как бы всплывал, менял размеры, увеличивался по высоте, но не затрагивал блоки которые рядом? Если absolute применить то он уедет, без скриптов можно так сделать?
5d88a21369fea057697342.jpeg
  • Вопрос задан
  • 107 просмотров
1 комментарий
Подписаться 2 Простой 1 комментарий
Решения вопроса 1
RAX7
@RAX7

В ms edge не работает сочетание свойств transition и min-height: calc()
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 3
le2xx
@le2xx
Если absolute применить то он уедет, без скриптов можно так сделать?

Можно поднять его, изменив z-index, тогда не должно уехать. Ну и тень сделать box-shadow, это создаст иллюзию того что блок выше всего контента. Без JS можно обойтись.
Ответ написан
1 комментарий
1 комментарий
@TreVL
Попробуйте transform: scale для увеличения размера при наведении
Ответ написан
1 комментарий
1 комментарий
@Valsin
Оберните в position: relative, не должен уехать
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка игры нарды
25 апр. 2024, в 15:31
70000 руб./за проект
Верстка мобильной версии на SvelteKit [FIGMA]
25 апр. 2024, в 15:26
15000 руб./за проект
Сделать ретопологию 3D моделей в Blender
25 апр. 2024, в 15:13
3000 руб./за проект
Ещё заказы