css 中transform

CSS中的transform属性可以实现元素的旋转、缩放、倾斜、移动等变形效果。transform属性可以与transition、animation等属性结合使用，实现更加丰富的动画效果。

以下是transform属性的常用值及其作用：

1. rotate(angle)：旋转元素，angle为旋转角度，正值为顺时针旋转，负值为逆时针旋转。

2. scale(x,y)：缩放元素，x和y分别为水平和垂直方向的缩放比例，取值范围为0~1之间。

3. skew(x-angle,y-angle)：倾斜元素，x-angle和y-angle分别为水平和垂直方向的倾斜角度。

4. translate(x,y)：移动元素，x和y分别为水平和垂直方向的移动距离。

下面是一个例子，展示如何使用transform属性实现元素的旋转和缩放：

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  transform: rotate(45deg) scale(0.5, 0.5);
}

上述代码将一个宽高为100px的红色正方形元素旋转45度并缩小一半。