CSS3 3D部分應用

看到一些不錯的網站都有用到CSS 3D
http://www.ninaricci.com/en/nina
http://www.thisisgrow.com/



拿網站上的圖片稍微練習一下(太懶惰只有寫webkit部分)
http://jsfiddle.net/chiouchu/BRC8G/12/

筆記一
element.style.webkitTransform
如果element用jQuery的$，會找不到webkitTransform這個property
hack瀏覽器可以參考：
http://www.javascriptkit.com/javatutors/setcss3properties.shtml

筆記二
要開啟硬體加速，可以用
-webkit-transform: translate3d(0, 0, 0)
用3D功能，上層物件必須加上
transform-style: preserve-3d

CSS3真的很有趣，需要多實作才知道會遇到什麼問題~