图片旋转css

мо仙堡杠把子灬

已于 2023-03-28 09:44:17 修改

阅读量251

点赞数

分类专栏： html 文章标签： css html css3 做一个有知识的流氓

于 2020-12-16 11:01:48 首次发布

本文链接：https://blog.csdn.net/weixin_43553701/article/details/111248381

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

封闭日久的心，遇见你之后，冰川融化，万木回春。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>图片循环旋转</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		.ta_c {
			text-align: center;
			margin-top: 100px;
		}
		@-webkit-keyframes rotation {
			from {
				-webkit-transform: rotate(0deg);
			}
			to {
				-webkit-transform: rotate(360deg);
			}
		}
		.Rotation {
			-webkit-transform: rotate(360deg);
			animation: rotation 10s linear infinite;
			-moz-animation: rotation 10s linear infinite;
			-webkit-animation: rotation 10s linear infinite;
			-o-animation: rotation 10s linear infinite;
		}
		.img {
			border-radius: 250px;
		}
	</style>
</head>
<body>
	<div class="ta_c">
		<img class="Rotation img" src="https://dss2.bdstatic.com/kfoZeXSm1A5BphGlnYG/skin/881.jpg?2" width="500"
			height="500" />
	</div>
</body>
</html>