Animation in css

Question

Why does the three lines on the top left of my site not return to the orginal state with animation ?
https://code.sololearn.com/Wvhuq2eMkg0x/?ref=app

Answer 1

As you have use hover effect.
Clicking on menu the box appearing and it will dissapear if you click outside that grey box.
Hope I get your question well.

what animation do you want with them.

Answer 2

Replacing height in transition with all is working a little bit well.
But not properly because use have use transition function cubic beizar..

Answer 3

Use
transition: all .4s linear ;
Or
transition : all .4s ease-in-out;
for toolbar class.
For better animation effect