我尝试创建一个脉冲动画。目前在Chrome中它可以正常工作,但在Safari中没有任何反应。
#cogFlower:hover
{
-webkit-animation-name: pulse;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
@-webkit-keyframes pulse {
0% { -webkit-transform:rotate(0deg);}
25% { -webkit-transform:rotate(90deg);}
50% { -webkit-transform:rotate(180deg);}
75% { -webkit-transform:rotate(270deg);}
}
如果您想查看我正在做的演示,可以在此处查看:http://www.thestoicsband.com/ 登录详情如下: 用户名:guest,密码:guest123
感谢您的帮助。
祝好, Will