有沒有人運行測試在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。
http://caniuse.com/#search=transform – mVChr 2011-03-25 00:38:27
看看這個網站:http://caniuse.com/,最值得注意的是:http://caniuse.com/#feat=transforms3d – Jason 2011-03-25 00:38:25