Need advise for animation using jquery

Question

Hello guys,
I am trying design an animated menu button which expands on click. Below is the sample code.
I have pretty much managed to achieve my requirement but if you notice the x button carefully, i have rotated it to 45 deg.
But the rotation is not animated. So could anyone please advise, how can i achieve animation with rotation??

Thanks in advance.
https://code.sololearn.com/WxNFJRrcM7ZY/?ref=app

Answer 1

Try add

.main button {
l
transition: all 1s;
}

Answer 2

Thanks... This works...

Answer 3

Don't forget to add prefixer for all browser types.

Answer 4

Yeah... Will do

Answer 5

You can just add in CSS

Answer 6

One more ques... This be added in js as a css property as well, Right?