Display content that does not fit in the block when hovering?

There is such a structure blocks:
59dcc4d4659a3785685802.png
How to implement that would hover on the sides of the container with the content was advanced and showed the hidden unit while moving over to the side?
59dcc4e77f8f2518967641.png
June 14th 19 at 18:06
2 answers
June 14th 19 at 18:08
Solution
There is enough CSS
https://jsfiddle.net/3j94h4sL/
The wrapper must ask
overflow: hidden;
position: relative;

And the inner blocks to make
position: absolute;
And stepnote sideways to the desired value. No pointer on hover to return the value back
Yes, too initially thought enough to do so, is not :\
You need that when you hover the block does not overlap the next, and pushed away
Somewhere saw, but I do not remember where - patrick.OKee commented on June 14th 19 at 18:11
well , so move to neighboring elements on the same distance. - leanne.Robel commented on June 14th 19 at 18:14
thanks , will try - patrick.OKee commented on June 14th 19 at 18:17
June 14th 19 at 18:10
Solution
Here's a rough blank https://jsfiddle.net/5n2zd14y/. Add a couple of thoughts, a pinch of code and everything will work out.
Thank you, will try to do - patrick.OKee commented on June 14th 19 at 18:13

Find more questions by tags CSSHTMLjQuery