How to overcome overflow hidden in a slider?

Question

css

There is a slider that shows 4 pictures.
You need to make the image enlarge on hover. I do it with transfrom: scale();
But since the slider has overflow hidden, the image is cut off accordingly at the edges. How to overcome?

Answer 1

If a block with overflow: hidden is static (position:static - all blocks are static by default) then its children with position:absolute will ignore the overflow property.

Answer 2

If you really need to, you can pervert)) https://jsfiddle.net/Politonius/d9amymxg/

Answer 3

Well, can't you just think a little with your head? Find any vector editor and draw there, and then export svg if the picture doesn't suit you. Now to make such a logo ...