<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 doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.