css3 3d api
2021-03-19 23:25
标签：观察 serve class code css tran api spec res css3 3d api 标签：观察 serve class code css tran api spec res 原文地址：https://www.cnblogs.com/weihexinCode/p/12318260.html 1 perspective 人看东西的距离 perspective: 500; 越小3d效果越好
2
3 perspective-origin观察视点。此处默认为视图的中心点 transform-origin:20% 40%;
4
5 transform-style 规定被嵌套元素如何在 3D 空间中显示。transform-style: none/preserve-3d;
6
7 backface-visibility: visible|hidden;定义元素在不面对屏幕时是否可见
8 perspective-origin: x-axis y-axis;规定 3D 元素的底部位置
9
10 translate3d(x,y,z) 定义 3D 转化。
11
12 translateX(x) 定义 3D 转化，仅使用用于 X 轴的值。
13
14 translateY(y) 定义 3D 转化，仅使用用于 Y 轴的值。
15
16 translateZ(z) 定义 3D 转化，仅使用用于 Z 轴的值。
17
18
19
20
21 rotate3d(x,y,z,angle) 定义 3D 旋转。
22
23 rotateX(angle) 定义沿 X 轴的 3D 旋转。
24
25 rotateY(angle) 定义沿 Y 轴的 3D 旋转。
26
27 rotateZ(angle) 定义沿 Z 轴的 3D 旋转。