Как сделать увеличение объекта при наведении в блоке overflow: hidden?

Question

[Андрей Еськов]

Подскажите есть как решить задачку. https://jsfiddle.net/uLz460vs/

Есть блок в нём несколько объектов. Блок скрывает всё что выходит за рамки overflow: hidden.

Но необходимо сделать чтобы при наведении на элемент он мог вылезти за пределы родительского блока.

Чтобы было вот так https://yadi.sk/i/uW-BBfH13LpiFU

Только убирать overflow: hidden нельзя. и расширять блок по высоте тоже нельзя.

Помогите разобраться.

Comments

[kulaeff]

А убирать overflow:hidden на время наведения мышкой можно?

[Андрей Еськов]

Нет к сожалению нельзя.

Answer 1

[Froggyweb]

transform: scale(x)

посмотрел картинку - только убрать оверфлов а зачем он там вообще?
ну или на js какой-то супер костыль сделать

Answer 2

[Иван]

https://codepen.io/Zzor/pen/JyWVmj
как новичок,вижу только такое решение