Animate Slidebar as Gmail

[thomascope]

Hello eveyrone,

I want to create an animate slidebar as Gmail.

The idea is to have a slidebar with Icons to the page’s left. And on the right the rest of the elements like Feed, etc…
And when I hover my mouse on the slide bar, the slidebar grows to the right and we can read the definition of each icon.
How could I make it ?
Below two pictures from Gmail.
The first one with only the icons
The second one with Icon and text.

Thank you

[Eugene_West]

On hover of any icons refer to FG group or Group and change the width , don’t forget to add a transition ms to make it more smooth