码迷,mamicode.com
首页 > 其他好文 > 详细

关于transform-style:preserve-3d的些许明了

时间:2016-08-02 20:41:20      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

      父元素要添加属性transform-style:preserve-3d;和transform:perspective(800px);还有相对定位 首先设置子元素 具有3D属性,然后再设置视角与3D元素的距离,拉开视角才可以看到3D效果!以像素计;;相对定位是为了给子元素绝对定位一个标点; 以立方体为例,(其实我只会立方体。。。) 子元素便是立方体的各个面了,6个div 便是6个面,然后绝对定位,脱离文档流,并使各自的原点重合,方便调整; : : : : : : : : : : : : : 此处省略一万字 重点是 按照图形最终呈现的结果去思考旋转和位移的顺序,这个很重要,旋转后 坐标轴发生变化,坐标轴的方向也跟着旋转 估计是这个只有我可以看懂了吧。。。。希望自己一年后再来看,自己还能看懂

关于transform-style:preserve-3d的些许明了

标签:

原文地址:http://www.cnblogs.com/yiwangdeyidianyuan/p/5730322.html

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