由-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/

写的还蛮生动的，瞬间我就理解了。