* 3D透视旋转（perspective: 300PX; 透视距离） ~~~ <div class="parent"> <img src="shuaige.jpg" alt=""> </div> ~~~ * * * * * ~~~ .parent{ width: 420px; height: 420px; border: 1px solid #ccc; padding: 10px; perspective: 300PX; } img{ width: 400px; animation: rotate 4s infinite //旋转 4s 无限 } @keyframes rotate{ from{ transform: rotateZ(0deg) } to{ transform: rotateZ(360deg) } } ~~~