@alexgilev

Как правильно реализовать такой эффект?

Добрый день,

Помогите правильно реализовать данный эффект:
486011fc877e4aa891c65d7318555ac8.PNG

Задачи:
1. Средний блок по умолчанию 50% ширины окна
2. 1 и 3 блоки при наведении увеличиваются в ширине, а остальные становятся меньше и показывают текст + кнопку.

Вот что у меня получилось достичь своими силами:
https://jsfiddle.net/vd4e75n6/1/

Проблема:
1. Контент внутри раскрываемого блока дёргается при появлении и появляется быстро и не плавно.

Буду благодарен совету опытных верстальщиков.

Заранее спасибо!
  • Вопрос задан
  • 348 просмотров
Решения вопроса 2
IonDen
@IonDen
JavaScript developer. IonDen.com
kn1ght_t
@kn1ght_t
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ihorgorobets
Чисто CSS решение jsfiddle.net/ihorgorobets/yf1xoe41/1
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы