在利用Jquery的animate使图片旋转时animate无效

我跟着慕课网上的一个教程学习,学习利用Jquery做图片旋转。
我做transform的时候,div发生了旋转,然而当我把transform换成animate的时候没有效果。
老师视频里面的animate发生了旋转。
我也不知道我错在了什么地方,查了很久。只能上来寻求帮助了。先谢谢大家了。

 <!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="test.css">
    </head>
    <body>
        <div id="test1"></div>
        </div>
    <script src="jquery-2.2.2.min.js"></script>
    <script src="jquery.transform-0.9.3.min.js"></script>
    <script src="test.js"></script>
    </body>
</html>

#test1{
width:100px;
height:300px;
background: black;
}

$(function(){
    //$("#test1").transform({rotate:"60deg"});
    $("#test1").animate({rotate:"60deg"});
});

你的什么浏览器先。。jquery2+以上不支持ie8-。而且要用类库的方法,jquery的animate对h5属性支持有限