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

css 3d

时间:2016-01-28 16:46:26      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

Perspective  透视点,视角,CSS3D 的透视点在浏览器前方

默认值为none,是作用于子元素,指定观察者与z=0平面的距离,使具有三维位置变换的元素产生透视效果。z>0的三维元素比正常大,而z<0时则比正常小,大小程度由该属性的值决定。
三维元素在观察者后面的部分不会绘制出来,即z轴坐标值(translateZ)大于perspective属性值的部分。
当Perspective  值不为0和none时,会创建新的层叠上下文。
 
默认情况下,消失点位于元素的中心,但是可以通过设置perspective-origin属性来改变其位置。perspective-origin可以决定你看的角度,默认为50% 50%
技术分享
 技术分享
transform-style  应用于一个元素时,决定他的子元素们是在三维空间里,还是在平面空间变换位置
默认值为flat,3d为preserve-3d
 
backface-visibility 用来声明元素背面朝向我们时是否可见,元素的背面总是透明的,当其朝向观察者时,显示正面的镜像。
技术分享
 技术分享
 

css 3d

标签:

原文地址:http://www.cnblogs.com/chuangweili/p/5166475.html

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