jquery的animate函數为啥不支持transform?

jQuery的animate函数,为啥不支持改变transform属性值的动画?

 $().animate({"transform":"rotate(90deg)"},200,"linear");

1个回答

css3要结合transition,不需要用animate,用css就行

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<script>
    $(function () {
        $("li").hover(
                  function () {
                      $(this).css({ "transform": "rotate(90deg)" });
                  },
                  function () {
                      $(this).css({ "transform": "rotate(0deg)" });
                  }
              );

    })
</script><style>
    #list li {
        list-style: none;
        width: 40px;
        height: 40px;
        background: navajowhite;
        float: left;
        margin-right: 10px;
        -moz-transition:all 0.6s cubic-bezier(0.23,1,0.32,1);-webkit-transition:all 0.6s cubic-bezier(0.23,1,0.32,1);transition:all 0.6s cubic-bezier(0.23,1,0.32,1);
    }

        #list li.hover {
            background: deepskyblue;
        }
</style>
</head>
<body>
    <ul id="list">
        <li class="hover"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>

    </ul>
</body>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问