2D、3D转换
|
|
属性 |
具体用法 |
使用含义 |
| 2D |
translate()
|
transform:translate(1px,2px) |
括号里的内容分别代表距离x轴和y轴的距离 |
| rotate()
|
transform：totate（50deg） |
括号里的内容代表旋转多少角度 |
|
| scale()
|
transform:cale(12,2) |
括号里的内容分别代表水平和垂直方向缩放 的倍数 |
|
| skew()
|
transform：skew(50deg，50deg) |
括号里的内容代表绕x轴y轴分辨旋转多少度 |
|
| origin（） |
transform-origin:20px 40px; |
以长20px,宽40px所确定的点作为旋转中心来旋转 |
|
| matrix()
|
transform：matrix（x,x,x,x,x,x） |
见附件图 |
|
| 3D |
rotateX() |
transfotm:rotateX(120deg) |
通过指定的角度参数使元素相对远点进行旋 转。它主要在二维空间内进行操作，设置一 个角度值，用来指定旋转的幅度，正值，元 素相对原点中心顺指针旋转，负值，逆时针 旋转。 |
| rotaateY() |
transfotm:rotateY(120deg) |
附件图：
