昨天我尝试使用关键帧动画为文本阴影设置动画。 css看起来像这样......
.sometxt{
-webkit-animation:shadow 5s linear 0s infinite alternate;
animation:shadow 5s linear 0s infinite alternate;
}
@-webkit-keyframes shadow {
0%{text-shadow:0px 0px green;}
100%{text-shadow:5px 0px green;}
}
@keyframes shadow {
0%{text-shadow:0px 0px green;}
100%{text-shadow:5px 0px green;}
}
(JS Fiddle:http://jsfiddle.net/3yB8q/1/)
我一直在firefox中预览页面,动画看起来很棒并且流畅。然而,看着它镀铬,整个事情看起来像一个停止动画。以上面的代码为例,每隔一秒将阴影JUMPS放在一边。而在Firefox中它被画成一个平滑的移动。
如何防止这种情况发生?