2016-03-27 5 views
0

Sie können das Problem sehen, indem Sie in Chrome und Safari http://cjohn.design öffnen. Die Logoanimation soll einen Abschnitt nach dem anderen animieren, wie in Safari - Chrome Animation animiert.Animieren eines "d" -Wertes mit Snap.svg-Fehler in Chrome

Hier ist die Snap.svg Funktion, die diese läuft:

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); 
}; 

Die Variablen p0-p5 sind die 6 Stufen der Logo-Animation. Es ist standardmäßig auf p0 eingestellt und wird jeweils mit setTimeouts animiert.

Dies funktionierte bis vor kurzem. Wie würde das Logo so unbeholfen zu animieren beginnen?

+0

Ich glaube, Sie müssen nur den entsprechenden Code brechen auf einen jsfiddle oder ähnliches. – Ian

+0

Update: Ich kann das Problem nicht replizieren - es funktioniert gut auf CodePen: http://codepen.io/cjohndesign/pen/PNVZwQ – cjohndesign

Antwort

0

Mein CSS Wert

transition: all .8s ease 

wurde mit dem Animationszeitwert clashing