文本阴影关键帧 - 动画在Firefox中看起来很流畅,但在webkit浏览器中却很神奇 - 为什么?

时间:2013-12-10 11:10:11

标签: css animation

昨天我尝试使用关键帧动画为文本阴影设置动画。 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中它被画成一个平滑的移动。

如何防止这种情况发生?

0 个答案:

没有答案