动画延迟在iOS上无法正常工作,为什么?

动画延迟在iOS上无法正常工作,为什么?,ios,css,animation,Ios,Css,Animation,我在代码段中有以下代码。 除了iOS,它在任何地方都可以正常工作——我想问题在于动画延迟,因为一些动画广告段落是同时动画的。 你可以看到演示(从左龙的头上说出来的话) 有人知道这个问题吗?请帮忙。谢谢 。龙语:第n种类型(1){ -webkit动画名称:龙语动画; -moz动画名称:龙语魟动画; -ms动画名称:龙语动画; -o-animation-name:dragon-speech_动画; 动画名称:龙语动画; -webkit动画持续时间:10秒; -moz动画持续时间:10s; -毫秒动

我在代码段中有以下代码。 除了iOS,它在任何地方都可以正常工作——我想问题在于动画延迟,因为一些动画广告段落是同时动画的。 你可以看到演示(从左龙的头上说出来的话)

有人知道这个问题吗?请帮忙。谢谢

。龙语:第n种类型(1){
-webkit动画名称:龙语动画;
-moz动画名称:龙语魟动画;
-ms动画名称:龙语动画;
-o-animation-name:dragon-speech_动画;
动画名称:龙语动画;
-webkit动画持续时间:10秒;
-moz动画持续时间:10s;
-毫秒动画持续时间:10秒;
-o-动画持续时间:10秒;
动画持续时间:10秒;
-webkit动画计时功能:线性;
-moz动画计时功能:线性;
-ms动画计时功能:线性;
-o-动画-计时-功能:线性;
动画计时功能:线性;
-webkit动画延迟:0.2s;
-moz动画延迟:0.2s;
-ms动画延迟:0.2s;
-o-动画-延迟:0.2s;
动画延迟:0.2s;
-webkit动画迭代计数:无限;
-moz动画迭代次数:无限;
-ms动画迭代次数:无限;
-o-动画-迭代-计数:无限;
动画迭代次数:无限;
-webkit动画填充模式:正向;
-moz动画填充模式:正向;
-ms动画填充模式:正向;
-o-动画-填充模式:正向;
动画填充模式:正向;
}
.龙语:第n种类型(2){
-webkit动画名称:龙语动画;
-moz动画名称:龙语魟动画;
-ms动画名称:龙语动画;
-o-animation-name:dragon-speech_动画;
动画名称:龙语动画;
-webkit动画持续时间:10秒;
-moz动画持续时间:10s;
-毫秒动画持续时间:10秒;
-o-动画持续时间:10秒;
动画持续时间:10秒;
-webkit动画计时功能:线性;
-moz动画计时功能:线性;
-ms动画计时功能:线性;
-o-动画-计时-功能:线性;
动画计时功能:线性;
-webkit动画延迟:2.2s;
-moz动画延迟:2.2s;
-ms动画延迟:2.2s;
-o-动画-延迟:2.2s;
动画延迟:2.2s;
-webkit动画迭代计数:无限;
-moz动画迭代次数:无限;
-ms动画迭代次数:无限;
-o-动画-迭代-计数:无限;
动画迭代次数:无限;
-webkit动画填充模式:正向;
-moz动画填充模式:正向;
-ms动画填充模式:正向;
-o-动画-填充模式:正向;
动画填充模式:正向;
}
.龙语:第n种类型(3){
-webkit动画名称:龙语动画;
-moz动画名称:龙语魟动画;
-ms动画名称:龙语动画;
-o-animation-name:dragon-speech_动画;
动画名称:龙语动画;
-webkit动画持续时间:10秒;
-moz动画持续时间:10s;
-毫秒动画持续时间:10秒;
-o-动画持续时间:10秒;
动画持续时间:10秒;
-webkit动画计时功能:线性;
-moz动画计时功能:线性;
-ms动画计时功能:线性;
-o-动画-计时-功能:线性;
动画计时功能:线性;
-webkit动画延迟:4.2s;
-moz动画延迟:4.2s;
-ms动画延迟:4.2s;
-o-动画-延迟:4.2s;
动画延迟:4.2s;
-webkit动画迭代计数:无限;
-moz动画迭代次数:无限;
-ms动画迭代次数:无限;
-o-动画-迭代-计数:无限;
动画迭代次数:无限;
-webkit动画填充模式:正向;
-moz动画填充模式:正向;
-ms动画填充模式:正向;
-o-动画-填充模式:正向;
动画填充模式:正向;
}
.龙语:第n种类型(4){
-webkit动画名称:龙语动画;
-moz动画名称:龙语魟动画;
-ms动画名称:龙语动画;
-o-animation-name:dragon-speech_动画;
动画名称:龙语动画;
-webkit动画持续时间:10秒;
-moz动画持续时间:10s;
-毫秒动画持续时间:10秒;
-o-动画持续时间:10秒;
动画持续时间:10秒;
-webkit动画计时功能:线性;
-moz动画计时功能:线性;
-ms动画计时功能:线性;
-o-动画-计时-功能:线性;
动画计时功能:线性;
-webkit动画延迟:6.2s;
-moz动画延迟:6.2s;
-ms动画延迟:6.2s;
-o-动画-延迟:6.2s;
动画延迟:6.2s;
-webkit动画迭代计数:无限;
-moz动画迭代次数:无限;
-ms动画迭代次数:无限;
-o-动画-迭代-计数:无限;
动画迭代次数:无限;
-webkit动画填充模式:正向;
-moz动画填充模式:正向;
-ms动画填充模式:正向;
-o-动画-填充模式:正向;
动画填充模式:正向;
}
.龙语:第n种类型(5){
-webkit动画名称:龙语动画;
-moz动画名称:龙语魟动画;
-ms动画名称:龙语动画;
-o-animation-name:dragon-speech_动画;
动画名称:龙语动画;
-webkit动画持续时间:10秒;
-moz动画持续时间:10s;
-毫秒动画持续时间:10秒;
-o-动画持续时间:10秒;
动画持续时间:10秒;
-webkit动画计时功能:线性;
-moz动画计时功能:线性;
-ms动画计时功能:线性;
-o-动画-计时-功能:线性;
动画计时功能:线性;
-webkit动画延迟:
animation-delay: -9.8s;
animation-delay: -11.8s;
animation-delay: -13.8s;
animation-delay: -15.8s;
animation-delay: -17.8s;