title: HTML and CSS rotating and zoomable 3D cube
body: <p>I made a cube with html and css. Also, i put jquery to activate css classes on pressing the buttons. However, they are not working properly and also, if i want to rotate the cube in the same direction more than once, i need to press the button twice. How can i fix this? Also, when the cube has been rotated, i want the black side to stay to the side. Presently, every time i turn the cube, the back side is becoming black. Same thing with the Hello. Also, how can i add a zoom feature which zooms in and out of the cube when i scroll?
  My code - <a href="http://pastebin.com/qZFfTsuG" rel="nofollow">http://pastebin.com/qZFfTsuG</a></p>