SOURCE

console 命令行工具 X clear

                    
>
console
<div class="box">
  <div class="child">
  </div>
  <div class="child">
  </div>
  <div class="child">
  </div>
  <div class="child">
  </div>
  <div class="child">
  </div>
</div>
.box {
  outline: 1px solid red;
  margin: 100px auto;
  width: 1000px;
  height: 100px;
  perspective: 500px;
  transition: all 1.5s;
}

.box:hover {
  perspective: 1px;
}

.child {
  width: 200px;
  height: 100px;
  float: left;
  background-color: lightsalmon;
  transform: rotateY(90deg);
}