add x-transition to alpine js x-bind:class

Question

I have a hamburger icon which animates a menu in from the bottom of the page on click using x-show.

I am also setting a x-bind:class to the hamburger icon child elements