2 zzzcsd zzzcsd 于 2016.03.27 17:54 提问

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

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

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

2个回答

showbo
showbo   Ds   Rxr 2016.03.28 10:30

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>
CSDNXIAOD
CSDNXIAOD   2016.03.30 11:27

jquery的animate函数详解
jquery animate stop函数解析
jQuery的animate() 函数不支持backgroundPosition的解决方法
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!