Javascript css3动画性能差（仅限Chrome）

我在一个使用css3动画的网站上工作，它在Safari和Firefox中工作得非常好，但由于某些原因，Chrome的性能非常糟糕。（约每分钟15帧）

动画非常简单，基本上是几个大圆圈分层。我还使用javascript添加了一些png精灵动画

我知道硬件加速，但我不认为这是问题所在，这似乎是Chrome独有的一些怪癖。css动画单独执行“OK”，但一旦我添加了精灵，性能会显著下降

    $.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制作动画存在问题

我已经尝试了我能在网上找到的一切，但如果有人有任何建议，请让我知道

我在mac btw上使用最新的稳定chrome（17.0.963.93）

顺便说一句，你可以在这里看到css（使用较少）

---

感谢各位的回复，我认为这是chrome某些版本的问题，因为它在最新的canary版本中工作得非常完美

---

最后，我剥离了一些chrome的动画，优雅地返回到静态图像。

页面上有CSS阴影吗？我注意到，当重新绘制阴影snope时，chrome的运行速度异常缓慢，没有阴影。它基本上是四个或五个圆形图像旋转。好看的动画！我试了一下用18。（贝塔）。还是很紧张。你可能想把这个问题带到他们的追踪者那里，看看开发人员有什么要说的。看，真的很酷的动画。Chrome Canary（第19节）的性能并没有那么差。我可以确认，Opera 11.51的性能低于15fps，我的硬件是Intel Core i5，3GHz，带有8Gb RAM和内置图形，我认为这根本与硬件加速无关，很可能与它的浏览器实现有关。