3D Styled Flipping Circle Tutorial with CSS3 and jQuery

CSS - jQuery / Added on July 22, 2012 / Add to favorites

With this tutorial you can learn how to create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.
The idea has been inspired by the paper effect found in the video of the Google Developer Stories.

Homepage: http://tympanus.net/codrops/2012/07/20/3d-flipping-circle-with-css3-and-jquery/
Demo: http://tympanus.net/codrops/2012/07/20/3d-flipping-circle-with-css3-and-jquery/