创建一个盒子。

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

设置样式：

.box{
      width: 200px;
      height: 200px;
      background: red;
      margin: 200px auto;
      transition: all .5s;
    }

给父元素body设置视距透视。一定要做！

body{
      perspective: 500px;
    }

设置鼠标经过效果：

.box:hover{
      transform: translateZ(100px);
    }

最终效果：