<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>风车</title>
<style type="text/css">
*{margin:0; padding:0; list-style:none;}
div{
width:1920px;
height:1080px;
position:center;
}
.fengche{
display:inline-block;
width:610px;
height:610px;
background:url(https://www.educoder.net/api/attachments/2106873.jpg) no-repeat;
position:absolute;
left:27%;
top:25%;
/* ********* Begin ********* */
animation:xuanzhuan 3s linear 0 infinite;
/* ********* End ********* */
}
@keyframes xuanzhuan{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}
</style>
</head>
<body>
<div>
<span class="fengche"></span>
</div>
</body>
</html>