CodePen Embed - perspective-origin-2

  <div class="gallery">
   <img src="https://image.prntscr.com/image/2urC0Qg7QMai6RlECuOi7w.png" alt="" class="left block">
   <img src="https://image.prntscr.com/image/2urC0Qg7QMai6RlECuOi7w.png" alt="" class="block">
   <img src="https://image.prntscr.com/image/2urC0Qg7QMai6RlECuOi7w.png" alt="" class="right block">
  </div>

   .gallery {
    text-align: center;
    perspective: 800px;
   }
   .left {
    transform: rotateY(-30deg); 
    transform-origin: right center; 
   }
   .right {
    transform: rotateY(30deg); 
    transform-origin: left center;
   }
.block{
  width: 200px;
}

This Pen is owned by css.in.ua on CodePen. It is a fork of this Pen.

See more by @css_in_ua on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.