<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>风车</title>
</head>
<style>
body{
margin:0;
padding: 0;
background-color: #F7F7F7;
}
.box{
width: 400px;
margin: 100px auto;
animation: rotate 4s linear infinite;
}
img{
width: 100%;
display: block;
}
@keyframes rotate{
0%{
transform: rotateZ(0deg);
}
100%{
transform: rotateZ(-360deg);
}
}
</style>
<body>
<div class="box">
<img src="风车.png">
</div>
</body>
</html>
袁同学——2019年4月22日