* {
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="">
---------------------
【转载，仅作分享，侵删】
作者：前端小99
原文：https://blog.csdn.net/qq_41328247/article/details/88606302
版权声明：本文为博主原创文章，转载请附上博文链接！
|
|
收藏
淘帖
踩
奈斯，感谢分享
