CodePen Embed - transform

<div class="card">
  <img src="https://source.unsplash.com/800x680/?sky,cloud,blue" alt="">
</div>

div{
  margin:20px;
}
.card{
  width:400px;
  height:340px;
  display:flex;
  transform:rotateY(0deg);
  transition-duration:1s;
  transition-delay:0.2s;
}
.card:hover{
  transform:rotateY(180deg);
}

This Pen is owned by stocker_jp on CodePen. It is a fork of this Pen.

See more by @stocker_jp on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.