码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-06-12 16:53:27      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

看一个用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/

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

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

标签:

原文地址:http://www.cnblogs.com/zcynine/p/5578073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!