title: 3D Image rotation CSS
body: <p>In the following post the image rotates in the plane of the screen <a href="https://stackoverflow.com/questions/16771225/css3-rotate-animation">CSS3 Rotate Animation</a>, can you help me out on how to make an image rotate into the plane of the page using CSS/JS?</p>
  
  <p>I have added a gif to show the type of rotation I am trying to achieve.</p>
  
  <p><a href="https://i.stack.imgur.com/RUnF0.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RUnF0.gif" alt="enter image description here"></a></p>