CSS转换属性的用途是什么？举例说明它的用法。

CSS转换属性（transform）主要用于在不影响文档流（即不改变其他元素的位置和大小）的情况下，对元素进行移动、旋转、缩放和倾斜等视觉效果的变化。这种属性极大地增强了网页的视觉表现力，并可以用于创建动画效果。

用途及例子

1. 旋转（Rotate）

通过rotate函数，可以将元素按照给定的角度进行旋转。例如，我们可以将一个按钮旋转45度：

css
.button {
    transform: rotate(45deg);
}

2. 缩放（Scale）

scale函数可以改变元素的大小。例如，鼠标悬停在图片上时，使图片放大1.5倍：

css
.image:hover {
    transform: scale(1.5);
}

3. 平移（Translate）

translate函数用于移动元素在页面上的位置。例如，将一个元素向右移动100像素，向下移动50像素：

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

4. 倾斜（Skew）

skew函数可以使元素沿X轴和Y轴倾斜。例如，将一个文本框沿X轴倾斜30度：

css
.text {
    transform: skewX(30deg);
}

总结

CSS的transform属性非常强大，它允许开发者通过简单的代码实现复杂的视觉效果，而且由于这些变化不影响其他元素，它们通常用于动画、响应式设计中的视觉引导或增强用户体验的交互效果。通过结合使用不同的转换函数，可以创造出各种吸引人的动态效果。