Возможно ли средствами CSS сверстать эффект?

Question

[Igor Feren]

При выпадающем меню (2 картинка) нужно подвинуть кнопку на ширину меню вниз. Выпадает меню, затем пододвигается кнопка. Возможно ли средствами CSS или скрипт? Если скрипт напишите, пожалуйста, не знаю js. Меню и кнопка в отдельном .row

Comments

[funtik52]

А разве это не CSS анимация через :hover ?! Изменяемая величина - высота выпадающего блока.

Answer 1

[Сергей]

Вообще можно, если выпадающее меню НЕ position:absolute, то блок с меню будет расширяться за счет высоты подменю.
А там какой-нить транзишен применить для эффекта

Comments

[Igor Feren]

absolute

[Сергей]

Igor Feren: а вы попробуйте не абсолютом сделать) если оно у вас на всю ширину экрана, то должно получится.
Ну либо скриптом при наведении на меню высчитавать высоту подменю и сдвигать кнопку вниз, после пропадания подменю возвращать назад

Answer 2

[Антон Федорян]

Примерно так получилось https://jsfiddle.net/k354e3s7/

Answer 3

[Сергей Тутуков]

Можно сделать, привязав к блоку событие chexbox. Но это геморой и никто так не делает.

Comments

[Сергей Тутуков]

Чтобы понять мою суть посмотри вот это видио.
Слайдер на CSS https://youtu.be/-sIJZd087G0