本文详细介绍了CSS中transform属性的各种函数及用法，包括平移、旋转、缩放、倾斜等操作，帮助读者深入理解并掌握二维变形效果的实现。
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变形 |
扫一扫
1205
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
