CSS中的transform属性可以用来改变元素的外观，包括移动、旋转、缩放和倾斜等。它可以应用于所有HTML元素，包括图像和文本。

使用transform属性时，需要指定转换类型和转换值。以下是对transform转换类型的概述：

transform: translate(x,y);       //移动
transform: rotate(deg);          //旋转
transform: scale(x,y);           //缩放
transform: skew(x-angle,y-angle);//倾斜

移动元素可以使用translate()函数，在函数中，水平移动和垂直移动可以单独指定。例如：

.box {
transform: translate(30px, 50px);
}

注意，水平和垂直移动数值可以是负数，以向左或向上移动元素。如果只输入一个值，则只执行水平移动（正值向右，负值向左）。

使用rotate()函数可以旋转元素。旋转值以度为单位指定，可以是正值（顺时针旋转）或负值（逆时针旋转）。例如：

.box {
transform: rotate(45deg);
}

如果只想输出浏览器支持的内置旋转值，可以使用以下方法：

.box {
transform: rotate(1turn);  //1圈
transform: rotate(1rad);   //1弧度
transform: rotate(1grad);  //1梯度
transform: rotate(100deg); //100度
}

缩放元素以改变元素的大小。在scale()函数中，可以单独指定水平和垂直缩放值。例如：

.box {
transform: scale(2, 1.5);
}

这将使元素的宽度翻倍，高度增加50%。

最后，可以使用skew()函数来倾斜元素。在函数中，可以指定水平和垂直角度值。例如：

.box {
transform: skew(20deg, 10deg);
}

这将在水平方向上将元素倾斜20度，在垂直方向上将元素倾斜10度。