0
点赞
收藏
分享

微信扫一扫

css3图片循环旋转

我是小瘦子哟 2022-03-30 阅读 71
html

<!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 3s linear infinite;

-moz-animation: rotation 3s linear infinite;

-webkit-animation: rotation 3s linear infinite;

-o-animation: rotation 3s linear infinite;

}



.img{border-radius: 250px;}



</style>

</head>

<body>



<div class="ta_c">

<img class="Rotation img" src="share.png" width="500" height="500"/>

</div>



</body>

</html>

举报

相关推荐

0 条评论