Как сделать плавное появление и менять бургер на крестик когда бургер открыт?

Question

[odessit_29]

Сделал простой бургер который появляется сбоку. Подскажите как можно сделать что бы меню слева появлялось плавно. И после нажатия на бургер он менялся на крестик, а когда закрыть опять на бургер

Comments

[Ankhena]

jsfiddle не работает в России.

как можно сделать что бы меню слева появлялось плавно

Использовать transition или animation с keyframes для нужного свойства.

И после нажатия на бургер он менялся на крестик, а когда закрыть опять на бургер

Менять класс бургера на класс отвечающий за показ крестика. Или добавлять его модификатором.

В инете полно примеров анимации бургера в крестик, гуглятся.