移动设备无法使用CSSanimation

我涉足CSSanimation，我不能为我的生活弄清楚为什么这不是我的iPhone 5（Chrome和Safari）。

编辑：具体来说，我得到了最终状态，根本没有任何议案

animation| Codepen.io

部分animation代码：

@keyframes base { 0% {transform: scale(0);} 10% {transform: scale(1.1);} 30% {transform: scale(.98);} 50% {transform: scale(1);} 60% {transform: scale(1);} 70% {transform: scale(1.3);} 90% {transform: scale(0);} 100% {transform: scale(0);} } 

Answer 1

您需要为转换添加-webkit-前缀。 在iOS上，所有浏览器都使用safari webkit（因为它们基于uiwebview），而目前ios webkit只支持带有前缀的转换。 你所看到的是整个animation中的变换总是0，因为没有使用非前缀select器。