1. 程式人生 > >IE相容rotate旋轉效果

IE相容rotate旋轉效果

要在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°對應的資料