CSS-Animationen funktionieren nicht nativ unter iOS mit Cordova-Port über

Question

Wir verfügen über eine Webanwendung, die auf die Animate.css-Bibliothek verweist. Die Animationen laufen gut in Safari auf einem iPad, aber als wir die Anwendung mit Cordova auf iOS portierten, hörten sie auf zu arbeiten. Frustrierend laufen die Animationen auf dem Simulator - aber machen Sie nichts, wenn Sie auf dem tatsächlichen Gerät eingesetzt werden.

Wir haben mehrere Dinge ausprobiert und wir treffen nur eine Sackgasse.

Beispiel Animationen:

@-webkit-keyframes zoomIn { 
    0% { 
     opacity:0; 
     -webkit-transform: scale3d(.3,.3,.3); 
     transform:scale3d(.3,.3,.3); 
     } 
    50% { 
     opacity:1; 
     } 
    } 

.exampleElement { 
    -webkit-animation:zoomIn 1s forwards; 
    animation:zoomIn 1s forwards; 
    } 

Answer 1

Anscheinend iPads laufende Anwendungen mit Cordova haben ein Problem mit camelCase in Dateien und es war die richtige CSS-Datei nicht finden. Léssion lernte, immer mit den Konventionen der Dateibenennung übereinzustimmen.