In this tutorial we are going to create a great menu with some content area that slides out. We use the grunge style because we want it to look a bit messy: the menu items are going to have a random rotation using the CSS3 property “transform”. So, when we load the page each menu item will be positioned differently, giving a random and creative look to this grunge page.The content area is going to be visible in the beginning, but slide out and back in everytime another menu item is clicked. Also, we will be randomizing the rotation degree of the content area.Please note that the rotation effect will not work in IE or any other browers that does not support standa..ehm CSS3 yet.

via Grungy Random Rotation Menu with jQuery and CSS3 | Codrops.