动画旋转不起作用，即

Posted 2023-05-08

【中文标题】动画旋转不起作用，即

【英文标题】：Animate rotate doesn't work ie

【发布时间】：2011-12-19 03:06:33

【问题描述】：

我已经搜索过其他帖子，但找不到我想要的。我想用旋转来使用我的 jquery animate 函数。它适用于 chrome 和 ff，但不适用于 ie。

$('#myid').animate( rotate: '-=30deg', left: ['20%', 'easeOutQuart'], top: '20%' , 1200);

这个有什么解决办法还是我应该使用其他功能？

谢谢

【参考方案1】：

IE不支持旋转，你可以使用像http://transformie.com这样的polyfill或者你可以自己修改过滤器定义：

15°旋转示例：

filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ 
        M11=0.9659258262890683, M12=-0.25881904510252074, M21=0.25881904510252074, M22=0.9659258262890683, sizingMethod='auto expand');

Matrix Filter 的文档