由-webkit-transform-style:preserve-3d;所想

看一個用css3寫幻燈片的demo用到了這麼幾個屬性

.demo{
    -webkit-transform-style:preserve-3d;
    -webkit-perspective:800px;
    -webkit-transform-origin:left;
    backface-visibility:hidden;
}

一時半會兒理解不了，什麼景深，Z軸，雖然有一些之前高中學立體幾何學過吧，可是貌似又有很大的區別，因而就查了下資料。

沒想到，哪都有張鑫旭！

http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/

寫的還蠻生動的，瞬間我就理解了。