css01-单一图片旋转

发表于 分类于 ， 本文字数： 271 阅读时长 ≈ 1 分钟

代码示例

学习内容

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

1
2
3
4
5
6
7
8
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

2、对 img 的 animation 加载动画

1
2
3
img {
  animation: rotate 10s infinite linear;
}
--------------本文结束 感谢您的阅读--------------