答案:
想通了。從IOS 8.1 Safari開始,如果CSS3動畫混合了正面和負面-webkit-animation-delay屬性,則會有一個錯誤。
例如
#no-delay{
-webkit-animation:myAnim 2s infinite;
}
#one-second-delay{
-webkit-animation:myAnim 2s infinite;
-webkit-animation-delay:-1s;
}
@-webkit-keyframes myAnim{
0%{
//some property
}
100%{
//some property
}
}
將不能正確定時初始加載(雖然在離開該網頁視圖,並返回時,將糾正問題,仍然不知道爲什麼是這樣的情況)。
解決的辦法是爲需要同步的所有動畫添加延遲,並確保所有延遲都爲正或負。對於上述css的修復將是...
#no-delay{
-webkit-animation:myAnim 2s infinite;
-webkit-animation-delay:-1s;//this also needs a negative delay to synch on IOS :(
}
#one-second-delay{
-webkit-animation:myAnim 2s infinite;
-webkit-animation-delay:-2s;
}
@-webkit-keyframes myAnim{
0%{
//some property
}
100%{
//some property
}
}
還沒有弄明白。但是你可以使用這個鏈接來測試...... www.timothytown.com/tims_portoflio/examples5.php – user2782001 2014-11-22 15:20:11