A 3D Navigation menu with html and CSS

Websites often have limited real estate, especially on small screens. One way to add information without taking extra space is use of 3D elements.

One can apply 3D rotation to elements without using any fancy calculations -- just CSS formatting.

Go to the file index.html and double click it to watch how this works.

You will see information, like links, on the back of the card. This is one way to add information to websites without needing extra space.

Check out the video and images below.

Video of how the cards work.

https://www.youtube.com/watch?v=mo2DtlQfqQg&index=3&list=PLrtRjIOGYRoxhpwzuGm4cvk9SiM7hN_sm)

Images of cards

![Images of Cards] (https://github.com/rohitcricket/3DNavigationMenuCSS/blob/master/img/img1.png)

![Image of Card motion] (https://github.com/rohitcricket/3DNavigationMenuCSS/blob/master/img/img2.png)

![Image of back 3D] (https://github.com/rohitcricket/3DNavigationMenuCSS/blob/master/img/img3.png)

![Image of site] (https://github.com/rohitcricket/3DNavigationMenuCSS/blob/master/img/img4.png)

![Image of front 3D] (https://github.com/rohitcricket/3DNavigationMenuCSS/blob/master/img/img5.png)