animation——鼠标放上图片旋转

效果展示:animation——鼠标放上图片旋转

话不多说,直接上代码

<p><img class="demo" src="../../img/pageimg/qyyw_icon1.png"></p>
@keyframes bouncing{
   0%  {transform: rotate(0deg)}
   100%{transform: rotate(360deg)}
}
.demo:hover{
   animation: bouncing 0.5s Linear 0s 1 alternate both;
}

 

上一篇:博客园设置好看的主题!站在巨人的肩膀上眺望远方!!


下一篇:aaa