CSS（层叠样式表）是一种样式描述语言，它可以用来控制网页中各种元素的布局、字体、颜色等外观。在CSS中，变换是一种常用的技术，可以让元素在网页中呈现出各种不同的效果。CSS中有多种变换方式，下面将一一介绍。

1. 位移变换(transform: translate)
这种变换方式可以通过改变元素的位置来实现，常用于动画效果的制作。使用时，需要指定元素在X和Y轴上的位移量，如下所示：
transform: translate(20px, 30px);

2. 缩放变换(transform: scale)
这种变换方式可以通过改变元素的大小来实现，可以用于实现缩放图片或者文字等效果。使用时，需要指定元素在X和Y轴上的缩放比例，如下所示：
transform: scale(1.5, 2);

3. 旋转变换(transform: rotate)
这种变换方式可以实现元素的旋转效果，可以用于实现图片的旋转等效果。使用时，需要指定元素的旋转角度，如下所示：
transform: rotate(45deg);

4. 扭曲变换(transform: skew)
这种变换方式可以实现元素的扭曲效果，可以用于实现各种形状的变换效果。使用时，需要指定元素在X轴和Y轴上的扭曲角度，如下所示：
transform: skew(20deg, -10deg);

5. 透视变换(transform: perspective)
这种变换方式可以实现元素的透视效果，可以用于实现近大远小的效果。使用时，需要指定元素的透视距离，如下所示：
transform: perspective(100px);

以上就是CSS中常用的五种变换方式，可以根据不同的需求选择相应的变换方式来实现各种炫酷的效果。