CSS 动画在 iOS 上无法原生运行，但带有 Cordova 端口

Posted 2023-03-15

【中文标题】CSS 动画在 iOS 上无法原生运行，但带有 Cordova 端口

【英文标题】：CSS Animations not working natively on iOS w/ Cordova port over

【发布时间】：2016-05-23 14:46:35

【问题描述】：

我们有一个引用 Animate.css 库的 Web 应用程序。动画在 iPad 上的 Safari 中运行良好，但是当我们使用 Cordova 将应用程序移植到 ios 时，它们停止工作。令人沮丧的是，动画将在模拟器上运行 - 但在部署到实际设备时不会做任何事情。

我们已经尝试了几件事，但我们总是陷入死胡同。

示例动画：

@-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;
    

【问题讨论】：

控制台中什么都没有？

什么意思？你能澄清一下吗？如果这是您的要求，我没有收到任何错误？

【参考方案1】：

显然，运行带有 Cordova 的应用程序的 iPad 在文件中存在camelCase 的问题，并且它没有找到正确的 css 文件。经验教训始终与文件命名约定保持一致。