css01-单一图片旋转

代码示例

学习内容

1、设置动画，使用 transform: rotate() 进行 0 ～ 360deg 旋转。

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

2、对 img 的 animation 加载动画

img {
  animation: rotate 10s infinite linear;
}