/* rotate方法 */ transform: rotate(90deg); /* translate方法 */ transform: translate(100px, -50px) rotate(90deg); /* scale方法 */ transform: scale(0, 1) rotate(-90deg);
其中,rotate方法是将元素绕着中心点进行旋转。在上面的代码中,大家将元素旋转了90度,从而将横向的元素变成了竖向的。
而translate方法则是在移动元素的同时进行旋转。大家可以使用两个参数来指定元素在水平和垂直方向上的偏移量。在上面的代码中,大家先将元素向右移动100px,向上移动50px,然后再对其进行90度旋转,从而将横向的元素变成了竖向的。
最后,scale方法可以进行缩放和旋转操作。大家可以使用两个参数来指定元素在水平和垂直方向上的缩放比例。在上面的代码中,大家将元素在水平方向上缩小到0,然后再将其沿着竖直方向上进行逆时针旋转90度,从而将横向的元素变成了竖向的。