The idea is simple, you have a checkbox that when is checked it rotates the menu from the bottom up.
You can use the general sibling combinator selector from #CSS A ~ B hat will mach any B that’s follow A.
With this selector we can rotate <nav> when the input is checked from -180 deg to 0 deg and animate that rotation with transition.
SWIPE FOR MORE DETAILS INCLUDING A VIDEO.
FULL CODE IN: bit.ly/fanmenu
Credits for the design @yueyueguy. Amazing designer.
Let me know if you like this tutorial or if you have any question. And if you like this content, please share to reach more people.