2010-11-25 72 views

回答

13

一個在這個問題上真正的好文章可以在這裏找到:
http://24ways.org/2010/intro-to-css-3d-transforms

基本上爲變換屬性,您將獲得的功能,如:

  • translate3d(TX,TY,TZ)
  • perspective(num);
  • ROTATE3D(RX,RY,RZ,角度)

隨着2011年1月2日的:在3D CSS變換仍沒有完全由Chrome,Firefox或IE瀏覽器,甚至Safari瀏覽器的Windows支持 - 這是在我的XP機器上工作,但不是我的Win7機器。(我測試的主要是隻能在Windows上進行測試)

這聽起來像的We​​bkit /蘋果的這些建議的主要來源:

這些與目前某些瀏覽器(我相信firefox,chrome和safari)可用的內容略有不同,這是2d變換:

下面是一些由該規範提供給轉換屬性的功能:

  • 傾斜,旋轉,縮放

這可以被用於好的3D效果:

DEMOS /實施例/試驗 - CSS3 3D的轉換:

所以 「-moz-改造」 Mozilla的擴展很可能會支持未來的3D變換,但1月2日的2011只支持CSS3 2D轉換: