-
transform-origin:调整旋转中心，默认正中心。 x轴：left center right， y轴：top，center，bottom， z轴：length：px查看全部
-
-webkit-transform: translateZ 轴方向整体平移 \n -webkit-transform: rotateY(45deg) 以轴为圆心旋转 滑竿控件：<input type="range" min="-360"max="360" id="transtatex" value="0" class="reange-control" onchange="translateall()" /> html5中，input type="range"即是滑杆。查看全部
-
创建3D场景的准备条件: /*表示的是距离*/ -webkit-perspective:800; /*表示从正中心来观看这个物体*/ -webkit-perspective-origin:50% 50%; /*告诉浏览器我们后面进行的操作是对3D的来进行操作的*/ -webkit-transform-style:-webkit-preserve-3d;查看全部
-
设置3D场景查看全部
-
perspective: 500px;//3D物体距屏幕的距离 perspective-origin: 10% 10%;//3D元素基点基于X,Y轴的位置 transform:rotate(45deg);//2D/3D转换，旋转，缩放，移动或倾斜 transform-origin:20% 40%;//旋转元素的基点位置 transform-style: preserve-3d;//使被转换的子元素保留其 3D 转换查看全部
举报
0/150
提交
取消