css旋转用中心点 |css3如何让图片居中显示图片

如果想要使用中心点进行旋转，可以使用transform-origin属性指定中心点的位置。该属性可以接受多种不同的值，例如百分比、像素值或者方位值。

以下是一个使用中心点旋转图片的例子：

img {
transform-origin: center center;
transform: rotate(45deg);
}

在上面的例子中，大家指定了中心点为图片的中心，然后对图片进行了45度旋转。

如果想要指定不同的中心点，则需要修改transform-origin的值。比如下面的例子，大家将中心点指定为右下角：

img {
transform-origin: 100% 100%;
transform: rotate(45deg);
}

通过这种方法，大家可以很灵活地控制元素的旋转效果，从而实现更加炫酷的页面效果。