クロムでSnap.svgエラーが発生して「d」値をアニメ化する

Question

ChromeとSafariでhttp://cjohn.designを開いて問題を確認できます。ロゴのアニメーションは、Safariのように一度に1つのセクションをアニメートすることを想定しています - Chromeのアニメーションは封印されています。ここで

はこれを実行しSnap.svg機能である：P0-P5

function logo_in() { 
    logo.animate ({ 
     d: p1 
    }, 75, mina.easein); 
      setTimeout(function() { 
       logo.animate ({ 
        d: p2 
       }, 75, mina.easein);  
      }, 100); 
      setTimeout(function() { 
       logo.animate ({ 
        d: p3 
       }, 75, mina.easein);  
      }, 200); 
      setTimeout(function() { 
       logo.animate ({ 
        d: p4 
       }, 75, mina.easein);  
      }, 300); 
      setTimeout(function() { 
       logo.animate ({ 
        d: p5 
       }, 50, mina.easein);  
      }, 400); 
}; 

変数はロゴアニメーションの6つの段階です。これはデフォルトでp0に設定され、setTimeoutsでそれぞれアニメーション化されます。

これまでのところ、これまでの作業でした。どのようにロゴがぎこちなく動くようになりますか？

Answer 1

私のCSS値

transition: all .8s ease 

は、私はあなただけjsfiddleまたは同様に関連するコードを抜け出すする必要があると思うアニメーション時間値