我正在使用animate.css库（https://github.com/daneden/animate.css），该库使用css关键帧。
一切都可以在桌面浏览器上完美运行，但是在ios Safari上，它根本没有动画，只是跳到最后一帧。示例在这里：
https://liger.vm.bytemark.co.uk/animatetest/
iOS Safari上的其他人也一样吗？搜寻之后没有发现其他提及，这让我感到非常惊讶，所以也许我做错了什么。
奇怪的是，如果在某些类型的click事件之后将动画的css类添加到带有jquery的元素中，则它可以在ios Safari中正常工作：
$("#givebutton").click(function(){
$("#givebutton").addClass('animated bounceOutDown');
});
即当在文档就绪或窗口加载时动画没有发生时。我通过添加延迟来尝试解决窗口加载情况：
$(document).ready(function(){
//same behaviour with: $(window).load(function(){
window.setTimeout(function(){
$("#givebutton").addClass('animated bounceInUp');
}, 1000);
});
再次在桌面上运行良好，但在Safari浏览器中仍然没有动画。
最佳答案
根据插件的问题，多数民众赞成在问题的根源。
引用来自：https://github.com/daneden/animate.css/issues/472
刚注意到今天在查看我的网站时，bounceInUp不是
在我的iPhone 6 Plus上工作了。[...]
我添加了'-webkit-transform-origin：0 0;'反弹：0％{
不透明度：0；
-webkit-transform-origin：0 0;
-webkit-transform：translate3d（-3000px，0，0）;转换：translate3d（-3000px，0，0）; }，动画效果良好。
格式化代码：
-webkit-transform-origin: 0 0;' to bounceInLeft:
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
关于jquery - 在iOS Safari上制作动画CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34655201/