旋转

  • Z表示围绕z轴即中心点旋转 除此以外还有X,Y轴旋转 ```css

@keyframes turnZ { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } }

.x1{ animation-name: turnZ; animation-duration: 1s; //一个周期动画持续时间 animation-iteration-count: 5; //动画循环次数 animation-timing-function: cubic-bezier(1, 1.02, .04, .05); //贝塞尔曲线控制速度 }

```