CSS动画向前，然后向后

I'm trying to create a CSS animation that when the user clicks the burger menu it transforms to an x (step 1), then when the user clicks it again it animates back to the burger menu (step 2).I'm trying to create a CSS animation that when