在《CSS3 Transform——transform-origin》一文中主要介绍了CSS3 Transform属性中的transform-origin属性的使用，其实在transform属性中，transform-origin属性仅是其中之一，要彻底理解transform属性，这是不够的，必须的
分类：
其他好文 时间：
2016-02-15 12:11:11
阅读次数：
186
在《CSS3 Transform——transform-origin》一文中主要介绍了CSS3 Transform属性中的transform-origin属性的使用，其实在transform属性中，transform-origin属性仅是其中之一，要彻底理解transform属性，这是不够的，必须的...
分类：
其他好文 时间：
2016-01-25 11:10:19
阅读次数：
203
问题列表伪类 :active 生效要CSS伪类:active生效，只需要给 document 绑定touchstart或touchend事件bar消除 transition 闪屏两个方法-webkit-transform-style: preserve-3d;/*设置内嵌的元素在 3D 空间如何呈现...
分类：
移动开发 时间：
2015-11-17 01:35:37
阅读次数：
480
3D变换和动画建立3D空间，transform-style： preserve-3dperspective： 100px; 景深perspective-origin：center center -180px; 景深基点transform新增函数如下：rotateX();rotateY();rotat...
分类：
Web程序 时间：
2015-10-17 10:38:29
阅读次数：
199
步骤：1.大盒子里盛放六个子盒子代表立方体的6个面；2.子盒子开启3d效果 transform-style:preserve-3d;3.上下面沿X轴旋转90度，一个上移盒子一半高，一个下移盒子一半高 translateZ:数值;4.左右面沿Y轴旋转90度，一个左移盒子一半宽，一个右移盒子一半宽；5....
分类：
Web程序 时间：
2015-09-22 00:01:13
阅读次数：
426
transform-style属性的使用语法非常简单：transform-style:flat | preserve-3dflat值为默认值，表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现。transform-style属性需要设置在父元素中，并且高于任何嵌套的变...
分类：
其他好文 时间：
2015-08-13 01:01:17
阅读次数：
414
transform：在使用2D或3D转换前需用transform-style申明转换的类型，preserve-3d或者preserve-2d属性 translate(): 通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置...
分类：
Web程序 时间：
2015-07-14 22:24:41
阅读次数：
206
transform-style: preserve-3d; 设置3D模式perspective：700px ；属性定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身persp...
分类：
Web程序 时间：
2015-07-11 01:00:42
阅读次数：
122
1234561.设置基准点，景深。-webkit-perspective-origin:center -150px;-webkit-perspective:300px; 2.建立3D空间。-webkit-transform-style:preserve-3d;3.布局。 1 ...
分类：
Web程序 时间：
2015-06-12 00:42:58
阅读次数：
451
学完css3-3d变化有两个星期了，最近忙点其他的事，一直忘了写博客。本人系属前端攻城的新手，很多不懂的地方希望得到帮助。3d变换首先要知道的这是哪个属性transform-style（preserve-3d） 建立3D空间//在需要进行3d变换的dom元素上加这个属性Perspective 景深/...
分类：
Web程序 时间：
2015-05-02 16:34:29
阅读次数：
157
