rotate{
width: 200px;
height: 200px;
transform: rotate(30deg);
}以上是一个简单的CSS示例，它定义了一个名为rotate的类，其中包括一个200像素宽、200像素高的元素，并通过transform属性实现了顺时针旋转30度的效果。
具体来说，这里的transform属性是CSS3引入的一种新属性，它可以用于将元素进行平移、旋转、缩放、倾斜等各种变形。其中，rotate(30deg)表示将元素按照顺时针方向旋转30度。
如果要实现更复杂的旋转效果，可以使用CSS3中的transition属性。例如：
img:hover{
transform: rotate(360deg);
transition: 1s; /*动画持续时间*/
}这里的代码定义了一个鼠标经过图片时的效果，即将图片顺时针旋转360度并在1秒内完成。通过这种方法，大家可以实现非常酷炫的图片旋转效果。
总之，CSS提供了非常丰富的变形效果，可以让大家的网页设计变得更加有趣、美观。希望本文能对你有所帮助。