<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>旋转的盒子</title>
<style type="text/css">
img{
animation:go 2s linear infinite;
display:block;
margin:100px auto;
}
@keyframes go{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}
img:hover{
animation-play-state:paused;
}
</style>
</head>
<body>
<img src="img/zhuan.jpg" width="600px;"/>
</body>
</html>
html5css3动画小小demo旋转的盒子
最新推荐文章于 2024-07-31 10:00:56 发布