css3 2D变换之transform
其他
2019-04-23 02:18:20
阅读次数: 0
transform属性的属性值
| 值/函数 |
说明 |
| translate（length，length） |
根据X轴和Y轴给定的参数，从当前元素位置移动 |
| translateX（length） |
在X轴方向上实现平移 |
| translateY（length） |
在Y轴方向上实现平移 |
| rotate（angle） |
在一个给定度数顺时针旋转一定的度数，负值也可以 |
| scale（number，number） |
进行2D缩放，第一个值为X轴，第二个值为Y轴 |
| scaleX（number） |
在X轴进行倾斜 |
| scaleY（number） |
在Y轴进行缩放 |
| skew（angle，angle） |
进行2D倾斜，第一个值为X轴，第二个值为Y轴 |
| skewX（angle） |
在X轴进行倾斜 |
| skewY（angle） |
在Y轴进行倾斜 |
| matrix（a，b，c，d，e，f） |
a:水平方向上的缩放；b:垂直方向上的倾斜率；c水平方向上的倾斜率；d:垂直方向上的缩放；e:水平方向上的移动距离；f:垂直方向上的移动距离。该函数可以综合实现旋转，缩放，倾斜的2D变形 |
转载自blog.csdn.net/gxgalaxy/article/details/89217717