在body中放入一张图片。

<img src="./img/huawei.jpg" alt="">

设置好样式：

img{
      transition: all .5s;
      margin: 200px auto;
      display: block;
    }

给 body设置好透视视距。只有设置了透视才有 3D效果。

body{
      perspective: 1500px;
    }

设置鼠标经过样式：

img:hover{
    transform: rotateY(180deg);/*Y轴旋转*/
    transform: rotateX(180deg);/*X轴旋转*/
    transform: rotateZ(180deg);/*Z轴旋转*/
  }