为什么这个div没有旋转?

时间:2015-06-26 22:16:01

标签: jquery animation rotation transform

任何人都知道为什么我的.rotate div不会在页面加载时轮换?

<div class="rotate">ROTATE</div>
<script>
  $(document).ready(function() {
    setTimeout(function() {
      $(".rotate").animate({
        "-webkit-transform": "rotateY(180deg)",
        "-moz-transform": "rotateY(180deg)",
        "-o-transform": "rotateY(180deg)",
        "-ms-transform": "rotateY(180deg)",
        "transform": "rotateY(180deg)",
      }, 2000);
    }, 900);
  });
</script>

小提琴:http://jsfiddle.net/rercw6f6/

1 个答案:

答案 0 :(得分:0)

jQuery不能正确支持转换。

幸运的是,有这个jQuery插件可以做到这一点。 http://louisremi.github.io/jquery.transform.js/

相关问题