CodePen Embed - backface-visibility

<div class="box box1">앞</div>

<div class="box box2">앞</div>

.box{
  width:100px; 
  height:100px; 
  margin:100px; 
  line-height:100px;
  text-align:center;
  background:#ff0; 
  transition:0.8s; 
 
}
.box1{ backface-visibility: visible;}
.box2{ backface-visibility: hidden;}
.box:hover{
  transform: rotateY(180deg);
}

This Pen is owned by gahyun on CodePen.

See more by @gahyun on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.