css图片为什么自动旋转

CSS图片自动旋转是因为，CSS样式表允许我们在元素上设置旋转角度。使用transform:rotate()属性就可以让选定的元素旋转，其中旋转角度单位是度数。

img {
 transform:rotate(10deg);
}

这段代码就是让图片元素顺时针旋转10度。当度数为负数时，图片就会逆时针旋转。

除了可以设置度数之外，我们还可以使用transform: rotateX()或transform:rotateY()属性来进行水平或垂直方向上的旋转。

img {
 transform:rotateY(180deg);
}

这段代码就可以让图片元素水平翻转。同样的，使用负数就可以进行垂直翻转。

需要注意的是，对于CSS图片旋转的情况，旋转中心默认是元素的中心点。如果需要更改旋转中心，可以使用transform-origin属性来设置。

img {
 transform-origin: 0 0;
 transform:rotate(30deg);
}

这段代码设置了旋转中心在左上角（0,0）处，并将图片元素顺时针旋转30度。