📌 相关文章
- 如何在css代码示例中旋转图像
- 如何使用 HTML 和 CSS 在悬停时将文本旋转 360 度？
- 如何使用 HTML 和 CSS 在悬停时将文本旋转 360 度？
- 如何使用 HTML 和 CSS 在悬停时将文本旋转 360 度？(1)
- 旋转图像 css 代码示例
- 在 css 代码示例中旋转图像
- 旋转图像 css (1)
- 在 css 中旋转图像(1)
- 360度旋转图片网站代码 - Html代码示例
- 使用 css 代码示例旋转图像
- 360度旋转图片网站代码 - Html(1)
- 旋转图像 html - CSS 代码示例
- react 360 - Javascript 代码示例
- 如何在css代码示例中将图片向右旋转
- 使用 css 旋转图像(1)
- 旋转图像 html - CSS (1)
- react 360 - Javascript (1)
- 如何在css中将图片向右旋转(1)
- 旋转图像python代码示例
- 旋转图像 (1)
- 旋转 css 代码示例
- 360位数
- 360位数(1)
- 旋转图像 - 任何代码示例
- 如何在css代码示例中将图像添加到标签
- 90 360 - Python 代码示例
- 如何在HTML中旋转图像
- 如何在 HTML 中旋转图像？
- 如何在HTML中旋转图像(1)
📜 如何在css代码示例中将图像旋转360度
📅 最后修改于: 2022-03-11 14:47:56.398000 🧑 作者: Mango
代码示例2
.image {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }