zzzcsd 2016-03-27 09:54 采纳率: 0%
浏览 2474

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

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

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

1条回答

  • Go 旅城通票 2016-03-28 02: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>
    评论

报告相同问题？

悬赏问题

  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题：[h264 @ 000000004faf7500]no frame？
  • ¥15 乘性高斯噪声在深度学习网络中的应用
  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛