Animate Slidebar as Gmail

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

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

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.