动画支持翻页的Internet Explorer

Question

我正在制作动画翻书，它使用css3变换等等，而我正努力让它运转起来，即使用下面的代码。有谁知道是否有一个解决方案来强制支持？这是codepen上的工作版本。

http://codepen.io/framp/pen/bBtuc

               -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transition: -webkit-transform .5s, margin .5s;
                -moz-transition: -moz-transform .5s, margin .5s;
                transition: transform .5s, margin .5s;

Answer 1

您的选择是要实现两个解决方案 - 使用CCS3还是不使用 - 或使用动画库，它会为您自动执行此操作。例如，Velocity.js在可能的情况下使用CCS3转换，在旧版浏览器上使用高性能JS动画。另一方面，GSAP是一个纯Javascript动画库，在旧版和当前浏览器中自然会正常工作。