Jquery：animate函数不支持2D变换

Question

我正在使用以下代码，但无法使用。

<SCRIPT type="text/javascript" src="jquery-1.11.0.min.js"></SCRIPT>
<script>
    $(document).ready(function(){       
        $('#translate').mouseover(function(){           
            $(this).animate({'transform':'translate(50px,0px)'},'slow');// not working
            //$(this).css("transform","translate(50px,0px)");   //works fine        
        });
   });
</script>

我的jsfiddle是：https://jsfiddle.net/jsnagaraj37/0xr3aqkm/5/

示例：http://www.w3schools.com/css/css3_2dtransforms.asp - （2d在鼠标悬停时旋转）