TweenMax 兼容性

TweenMax 的核心功能兼容各种新旧浏览器、移动设备等。



TweenMax 可以在现代浏览器中实现各种3D Transforms（缩放，倾斜，旋转，x和y轴运动），其2D动画甚至兼容IE6。

使用TweenMax 不需要添加笨重的浏览器前缀和hack。

自动解决SVG在各种浏览器的渲染问题。


TweenMax 中3D Transforms 和其他CSS3 属性动画的兼容性

GSAP的CSSPlugin 可以灵活的处理一些新CSS3属性，如3D Transforms，boxShadow，textShadow，borderRadius和clip。

此外，你无需担心一连串的浏览器引擎前缀。


属性兼容
3D TransformsChrome 12, Safari 4, Firefox 10, IE 10, iOS 3.2, Android 3.0
  • 浏览器之间的性能差别很大。一般来说，像Chrome和Safari这样的Webkit浏览器做得最好。
  • 在某些浏览器中，当元素开始/结束3D动画时，您可能会注意到像素的轻微移位。已知的解决方法是添加transform:translateZ(0.1px);
  • 当屏幕上有3D元素时，字体抗锯齿可能会发生变化。在Webkit浏览器中，您可以通过在CSS中设置-webkit-font-smoothing:antialiased来解决此问题。
  • 如果浏览器不支持3D转换，则只会忽略它们（不会生成错误）。
  • IE10支持3D转换，但它并不支持preserve-3d
textShadowChrome 22, Safari 5.1, Firefox 15, IE 10, Opera 12.1, iOS 3.2, Android 2.1
boxShadowChrome 22, Safari 5.1, Firefox 15, IE 9, Opera 12.1, iOS 3.2, Android 2.1
borderRadiusChrome 22, Safari 5.1, Firefox 15, IE 9, Opera 12.1, iOS 3.2, Android 2.1)
clipChrome 2, Safari 1.3, Firefox 1, IE 9, Opera 9.2, iOS 3.2, Android 2.1