对于我来说,2D转换开始打开了我新世界的大门。1.translate()偏移元素从当前位置开始移动,根据给定的x值在平面上水平移动,根据y值在平面上垂直移动。x和y值可以是像素或百分比。可以为负。转换:翻译(100px,100px);2.rotate()Rotate旋转,给定一个角度旋转元素,默认顺时针,角度可以为负,transform:rotate(90deg);旋转90°,元素从水平方向旋转为垂直方向。3.skew()将元素反转指定角度,根据x的值和y的值。transform的取值:skew(30deg,0),因为我想象力有点弱,不知道怎么解释。4.scale()缩放变换:scale(2,4);只能为0或其他正值,当值为小数时表示元素将缩小,大于1时表示元素放大的因子。当有两个值时,分别表示x方向和y轴方向的缩放比例。当它是一个值时,表示x和y按相同的倍数缩放。5、matrix()积分方法可以同时使用上面的方法transform:matrix()transform:matrix(0.866,0.5,-0.5,0.866,0,0);在官方案例中,元素旋转了30°。我还没有使用它。这个性质。6.transform-orgin:改变初始位置改变的初始位置默认是从中心点开始,但是有时候,我们希望它们从顶点开始,这时就可以使用这个属性,类似于设置原点坐标,对于3DZ轴的值也是可以设置的。变换来源:20%,20%;也可以是负数。transform-orgin:top,top,也可以用单词的位置来表示。
