解决 iOS 上 transform rotate 兼容问题

用css3 rotate 写旋转动画，web端chrome浏览器没问题，在移动端iOS上动画不生效，打开Safari浏览器，果然不生效；

rotate 难道存在兼容问题？

MDN 上查了下，Safari支持3.1版本，看了眼我的Safari版本，好吧～～

那就做一下兼容吧，给 transform增加上-webkit-前缀；

加好了，发现还是不生效；

查了一下，可能是视角的问题，那给父元素加上perspective  浅试一下吧；

注：perspective ：定义3d元素距视图的距离，该属性允许改变3d元素查看3d元素的视图，当为元素定义perspective属性时，自元素会获得透视效果，而不是元素本身；

结果：动画生效了，经验证，iOS上均可；

解决方案：

父元素：
transform: perspective(400px);
-ms-transform: perspective(400px);
-moz-transform: perspective(400px);
-webkit-transform: perspective(400px);
-o-transform: perspective(400px);

子元素：
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);