css transform实现图片旋转

可以使用 CSS 的 transform 属性来实现图片旋转。transform 属性可以指定图片的旋转角度、缩放比例、平移距离等。

要旋转图片，需要使用 transform: rotate(角度); 语法。其中，角度为旋转的角度，可以为正值或负值。正值表示顺时针旋转，负值表示逆时针旋转。

例如，以下 CSS 代码将图片旋转 90 度：

img {
  transform: rotate(90deg);
}

如果要指定旋转中心，可以使用 transform-origin 属性。transform-origin 属性可以指定旋转中心的位置，可以为 left top、left center、left bottom、center top、center center、center bottom、right top、right center、right bottom 等。

例如，以下 CSS 代码将图片绕着图片的中心旋转 90 度：

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

以下是一些使用 CSS 实现图片旋转的示例：

/* 将图片旋转 90 度 */
img {
  transform: rotate(90deg);
}

/* 将图片绕着图片的中心旋转 90 度 */
img {
  transform: rotate(90deg);
  transform-origin: center center;
}

/* 将图片旋转 180 度 */
img {
  transform: rotate(180deg);
}

/* 将图片旋转 270 度 */
img {
  transform: rotate(270deg);
}

/* 将图片旋转 360 度 */
img {
  transform: rotate(360deg);
}

您可能感兴趣：

阿里云 云服务器 99元1年 2核2G 3M固定带宽 续费与新购同价

DOVE 网络加速器免费试用