2011-03-25 88 views
8

有沒有人運行測試在Internet Explorer 9上運行3D CSS轉換? 如果是這樣,他們是否成功?IE9是否支持3D CSS轉換?

我找不到它的任何信息,當然鉻/ Safari/Firefox中已經加入支持吧:)

一些邪惡的新的3D CSS語法

translate3d( x,y,z),translateZ(z)
將元素移到x,y和z中,然後移動z中的元素。正z是朝向觀衆。與x和y不同,z值不能是百分比。

scale3d(SX,SY,SZ),scaleZ(SZ)
量表在x,y和z中的元件。 z尺度影響轉換後兒童沿z軸的縮放比例。

rotateX(角度),旋轉Y(角度),ROTATE3D(X,Y,Z,角),
前兩種形式簡單地圍繞水平軸和垂直軸的元素。角度單位可以是度數(度)弧度(弧度)或梯度(梯度)。最後一種形式允許您在三維空間中圍繞任意矢量旋轉元素; x,y和z應該指定你想要旋轉的單位矢量(我們會爲你規範化它)。

角度(P)
此功能允許您把一些觀點納入變換矩陣。有關p的解釋,請參見下文。通常觀點是通過-webkit-視角特性應用,但這個功能可以讓你得到一個單個元素的透視效果,喜歡的東西:

-webkit-transform: perspective(500px) rotateY(20deg); 

的Matrix3D(...)
此功能允許您以列 - 主次序指定16個值的原始4×4齊次變換矩陣。玩得開心!

摘自here

+0

http://caniuse.com/#search=transform – mVChr 2011-03-25 00:38:27

+0

看看這個網站:http://caniuse.com/,最值得注意的是:http://caniuse.com/#feat=transforms3d – Jason 2011-03-25 00:38:25

回答

2

它沒有。只有safari 5被列爲支持此功能。

欲瞭解更多信息,這裏是一個廣泛的比較:在不同的瀏覽器