IE兼容rotate旋转效果

来源:互联网 发布:人工智能技术论文 编辑:程序博客网 时间:2024/06/07 17:45

要在IE下实现rotate旋转效果要用到滤镜,最简单的方法可以在

http://www.useragentman.com/IETransformsTranslator/

上面这个地址的网站可以根据你的输入生成相应的代码:

比如我在框里输入:rotate(330deg)

点击Translate to IE Matrix按钮下面会自动生成代码,复制要用的代码到我们的CSS代码里就可以了

我只想要兼容IE8以上的ie浏览器那么我只需要这段代码

/* IE8+ - must be on one line, unfortunately */    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660254037844387, M12=0.49999999999999994, M21=-0.49999999999999994, M22=0.8660254037844387, SizingMethod='auto expand')";   
其中那些冗长的小数就是我们需要旋转330°对应的数据

0 0