css3 animation 在某些浏览器中特别快 bugfix

时间:2024-01-16 14:04:50

今天在一款三星 4.2.2 的 webview 里,出现 animation 特别快的问题,把:

.xxx{
-webkit-animation: xxx 24s linear infinite;
} @-webkit-keyframes xxx {
0% {
-webkit-transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-800%, 0);
}
}

修改为:

@-webkit-keyframes xxx {
0% {
-webkit-transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-5760px, 0);
}
}

  

就好了

.xxx 也定义 width 了,但百分比还是出错了,不靠谱