在CSS3中，变换（Transform）是一种用于修改元素形状、尺寸和位置的方法。以下是一些常用的CSS3变换属性：
translate(x, y)：沿x轴和y轴移动元素。translateX(x)：仅沿x轴移动元素。translateY(y)：仅沿y轴移动元素。rotate(angle)：围绕元素的中心点旋转指定角度。rotateX(angle)：围绕x轴旋转元素。rotateY(angle)：围绕y轴旋转元素。rotateZ(angle)：围绕z轴旋转元素。scale(x, y)：沿x轴和y轴缩放元素。scaleX(x)：仅沿x轴缩放元素。scaleY(y)：仅沿y轴缩放元素。scaleZ(z)：沿z轴缩放元素（适用于3D变换）。skew(x-angle, y-angle)：沿x轴和y轴倾斜元素。skewX(angle)：仅沿x轴倾斜元素。skewY(angle)：仅沿y轴倾斜元素。matrix(a, b, c, d, e, f)：通过一个3x3的矩阵来定义复杂的变换组合。/* 平移 */
transform: translate(50px, 100px);
/* 旋转 */
transform: rotate(45deg);
/* 缩放 */
transform: scale(1.5, 2);
/* 倾斜 */
transform: skew(20deg, 10deg);
/* 组合变换 */
transform: translate(50px, 100px) rotate(45deg) scale(1.5, 2);
transform-origin属性来改变变换的原点。通过合理使用这些变换属性，可以实现丰富的视觉效果和动画效果。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
