Как реализовать вот такое html или js?

Question

[Артём Цымбалюк]

Здравствуйте. Как реализовать такой блок?


То есть при наведении на блок он раздвигается, и в нём появляется див с информацией

Answer 1

[s_sitp]

css это позволяет сделать, position absilute, ну а слайдер, конечно же, js

Comments

[Артём Цымбалюк]

s_sitp мне и интересно как это сделать на css
по слайдеру - owl.carousel

[s_sitp]

Артём Цымбалюк: не совсем понятно что нужно, если нужно показать внутреннюю часть, где начинается онлайн заказ..., то увеличить высоту этого блока и соответственно, поднять блок position: relative для главного блока. top: npx, если нужно показать другой блок, то он находится внутри блока главного, а при наведении он показывается, ну а там стили для него приписаны: position:absolute, top: -Npx, а для главного блока position: relative

Answer 2

[Евгений]

Можно как-то так:
https://jsfiddle.net/8yxhjr22/