Есть ли CSS-only способ для такой задачи?

Увидел на jsfiddle интересный виджет с обновлениями:

5d391ff3d5193665935515.png

При наведении раскрывается вот так:
5d39200c77350048201383.png

Есть ли возможность реализовать такое на чистом CSS?
  • Вопрос задан
  • 83 просмотра
Решения вопроса 3
DevMan
@DevMan
вы реально полагаете, что по скринам можно понять как оно всплывает?
ну ок: можно и на чистом CSS показывать блок по hover'у.
Ответ написан
Комментировать
Anitamsk
@Anitamsk
Frontend Dev
Ничего сложного в этом нет, задаете hover, и до hover прописываете блоку стили и ScaleY. При наведении белый блок который скрыт и абсолютно спозиционирован с 0 высотой, становится блоком с нужной вам высотой и стилями. Примеров в codepen - туча. Примерно такая же техника используется при создании выпадающего меню.
Ответ написан
Комментировать
Madeas
@Madeas
UI / UX Designer, Frontend Developer
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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