css transform matrix样例代码

以下是一些使用CSS中的`transform`属性实现的常见变换效果的样例代码：

1. 旋转

transform: rotate(30deg); /* 顺时针旋转30度 */

2. 平移

transform: translate(100px, 200px); /* 水平方向移动100像素，垂直方向移动200像素 */

3. 缩放

transform: scale(0.5, 0.5); /* 水平方向缩小一半，垂直方向缩小一半 */

4. 扭曲

transform: matrix(1, 0.5, 0.5, 1, 0, 0); /* 水平方向扭曲角度为45度，垂直方向扭曲角度为45度 */

5. 组合变换

transform: rotate(30deg) translate(100px, 200px) scale(0.5, 0.5); /* 旋转30度，平移100像素，200像素，缩小一半 */

以上代码只是一些示例，实际使用中可能需要根据具体的需求进行调整。使用CSS中的`transform`属性实现变换时，需要注意变换的顺序，不同顺序会产生不同的效果。