transform: rotate(30deg);
这个属性可以让大家将一个元素旋转一定角度。其中“rotate”表示旋转，“30deg”表示旋转的角度，可以是正数也可以是负数。
transform: scale(0.5);
这个属性可以让一个元素缩放。其中“scale”表示缩放，“0.5”表示缩放比例，可以是小数。
transform: translate(50px, 100px);
这个属性可以让一个元素移动。其中“translate”表示移动，“50px”表示横向移动的距离，“100px”表示纵向移动的距离，可以是负数。
transform: skewX(30deg);
这个属性可以让一个元素倾斜。其中“skewX”表示横向倾斜，“30deg”表示倾斜的角度，可以是正数也可以是负数。如果使用“skewY”，则表示纵向倾斜。
在使用以上变形属性时，可以同时使用多个属性，例如：
transform: rotate(30deg) scale(0.5) translate(50px, 100px) skewX(30deg);
这个属性可以将一个元素同时进行旋转、缩放、移动、倾斜。需要注意的是，每个属性的顺序也会影响最终的效果。
总的来说，CSS变形属性是一种非常灵活的技术，它可以让大家在不使用JavaScript的情况下，快速改变一个元素的外观。如果加上动画效果，将会有更加强大的表现力。