-
翻页效果分析图：查看全部
-
transform-origin:调整旋转中心，默认正中心。x轴：left center right，y轴：top，center，bottom，z轴：length：px;查看全部
-
滑竿控件：<input type="range" min="-360"max="360" id="transtatex" value="0" class="reange-control" onchange="translateall()" />查看全部
-
rotateZ(45deg)沿着Z轴旋转45度的效果图查看全部
-
rotateY（45deg）沿着y轴旋转的效果图查看全部
-
虽然创建了3D场景，但看起来仍是2维的，所以要用transform对元素进行调整。translate平移，rotate旋转. transfron也可以用于2维，所以要标明是3D：加上-weibkit-tranfrom-style:-webkit-preserve-3d;查看全部
-
距离：perspective所表达的意思：窗口距离物体有800个像素。 人通过窗口看三维世界，有个观察视点，用perspective-origin ，x,y表示观察的相应的位置。查看全部
-
多个属性值过滤效果： -webkit-transiton:<属性1> <时间1>,<属性2> <时间2> 过度模式：查看全部
-
为了让浏览器知道是在三维空间里使用transform 里调整元素，设置： -webkit-transform-style:-webkit-preserve-3d;查看全部
-
通过窗口看到物体的距离 为 perspective 人通过窗口观察里面的物体的视点 perspective-origin查看全部
-
过渡模式： ease - 缓慢开始，缓慢结束 linear - 匀速 ease-in - 缓慢开始 ease-out - 缓慢结束 ease-in-out - 缓慢开始，缓慢结束查看全部
-
多个属性值过滤效果： -webkit-transiton:<属性1> <时间1>,<属性2> <时间2>,....查看全部
-
用linear 比较好掌握时间动画动作时间分布查看全部
-
为了让浏览器知道我们是在一个三维的环境下进行变换，需要添加一句 webkit-transform-style:-webkit-preserve-3d;查看全部
-
perspective：表示三维物体距离窗口的距离，perspective-origin：表示观察的视点 50% 50%表示窗口的正中央查看全部
举报
0/150
提交
取消