css中怎么把图片旋转

在CSS中，我们可以通过transform属性来实现图片的旋转。transform属性可以接受一系列表示2D或3D变换的函数，其中包括旋转、缩放、倾斜等多种变换方式。
要实现图片的旋转，我们可以使用rotate函数，该函数接受一个角度值作为参数，表示要旋转的角度，单位为度数。例如，如果要将图片旋转90度，则可以使用以下CSS代码：
pre {
font-size: 14px;
color: #333;
background-color: #f5f5f5;
padding: 10px;
}
img {
transform: rotate(90deg);
}
以上代码中，我们使用了transform属性，并将图片的旋转角度设置为90度。其中，deg表示以角度为单位。如果要使用弧度作为单位，则需要将角度值转换为弧度，例如：
img {
transform: rotate(1.57rad); /* 90度对应的弧度值约为1.57 */
}
除了rotate函数外，还有许多其他的变换函数可供使用，例如scale函数可以实现图片的缩放，skew函数可以实现图片的倾斜等等。同样，这些函数也可以接受度数或弧度作为参数，用法与rotate函数类似。
总之，通过transform属性的一系列函数，我们可以实现各种各样的图片变换效果，包括旋转、缩放、倾斜等等，让网页呈现更加生动、多彩的效果。