title: 3D Rotate using perspective in JQuery Slideshow
body: <p>I was going to answer a question tagged JQuery which got closed(off-topic).I created a <a href="http://jsfiddle.net/kzQFQ/175/" rel="nofollow noreferrer">fiddle</a> to answer it. It is working just as I wanted it to, but the rotated divs do not look as I wanted them to.</p>
  
  <p><strong>It looks like ></strong></p>
  
  <p><img src="https://i.stack.imgur.com/7zS9d.png" alt="enter image description here"></p>
  
  <p><strong>Instead of this ></strong></p>
  
  <p><img src="https://i.stack.imgur.com/br0Zh.png" alt="enter image description here"></p>
  
  <p>I am using <code>perspective</code> and <code>rotateY</code> for the rotate effect I have achieved till now. I just need help in CSS for this.</p>