我正在使用css3动画的网站上工作，它在Safari和Firefox中工作得很好，但由于某种原因，在Chrome中的性能很糟糕。（约15 fps）
http://triple-tested.com/animations/
动画很简单，基本上是几个大圆圈分层。我还用javascript添加了一些png精灵动画。
我知道硬件加速，但我不认为这是问题所在，这似乎是Chrome独有的一些怪癖。css动画可以单独执行“OK”，但是一旦我添加了sprites，性能就会大大下降。

$.fn.spriteme = function(options) {
        var settings = $.extend({ framerate: 30 }, options);        

        return this.each(function(){
            var $el =  $(this),
                    curframe = 0,
                    width = settings.width,
                    fr = 1000/settings.framerate;

            (function animloop(){
                if(curframe == settings.frames) { curframe = 0; }   
                $el.css('background-position', (curframe*width)*-1  + 'px center');
                curframe++;
                setTimeout( animloop, fr );
            })();       
        });     
    };

这是我写的动画精灵的代码，但正如我所说，它在Safari和Firefox中表现完美，所以我不认为这是问题。Chrome似乎在使用css和sprites进行动画方面有问题。
我已经尝试了我能在网上找到的一切，但如果有人有任何建议，请让我知道。
我在Mac上使用最新的稳定Chrome（17.0.963.93）
你可以在这里看到css（使用较少）btw http://triple-tested.com/animations/css/style.less