addClass css动画滞后

Question

我有一个非常基本的js脚本来切换我的css类，它改变了整个页面的背景。代码可以工作，但是当背景改变时，动画很不稳定，看起来很糟糕。我检查了图像资源和文件大小，图像只有大约100KB，我甚至尝试使用base64编码，但两者都不稳定。下面是一些代码，希望有人可以告诉我为什么它如此不稳定。

这是一个指向具有确切代码的jsfiddle的链接，但图像url被替换为颜色。由于某种原因，动画不适合小提琴。 http://jsfiddle.net/ouu762ho/2/

CSS：

    $(document).ready(function(){
    $(".home").click(function(){
        $(".container").toggleClass("home-click", 1000);
    });
});

JS：

{{1}}