本文详细介绍了CSS3的transform属性，包括rotate的平面及空间旋转，如rotateX、rotateY、rotateZ和rotate3D；translate的平移操作translateX、translateY和translateZ；以及scale的缩放功能scaleX和scaleY，所有变换都允许调整元素的位置和大小，丰富网页的动态效果。
前言
本文主要关于 css3 的 transform 属性
一、rotate（旋转）
语法： transform: rotate(90deg);
表示顺时针旋转 90度，若为负数，表示逆时针旋转90度
除了平面旋转，rotate 还可以在空间上绕轴旋转，坐标图如下：
1.1、rotateX
语法： transform: rotateX(90deg);
表示绕 X 轴，向上旋转90度。
1.2、rotateY
语法： transform: rotateY(90deg);
表示绕 Y 轴，向右旋转90度。
1.3、rotateZ
语法： transform: rotateZ(90deg);
Z 轴正对着我们的面前，相当于平面上顺时针旋转90度。
1.4、rotate3D
语法： transform: rotateZ(0，0，0，deg);
前三个数值表示是否绕 X 、Y、Z
最低0.47元/天 解锁文章
6074
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
