* {
padding: 0;
margin: 0;
}
ul, ol {
list-style: none;
}
a {
text-decoration: none;
color: #000;
}
img {
border-radius: 50%;
border: 1px solid #000;
/*调用*/
-webkit-animation: rotate 4s linear infinite;
}
/*定义动画 旋转一周*/
@-webkit-keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*鼠标悬停,动画暂停*/
img:hover {
-webkit-animation-play-state: paused;
}
</style>
</head>
<body>
<img src="images/baby.png" alt="">
マウスを回転無制限の音楽プレーヤーと組み合わせCSSアニメーションやトランジションはの効果を中断するために移動しました
おすすめ
転載: blog.csdn.net/qq_41328247/article/details/88606302
おすすめ
ランキング