* {
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
추천
행