css3实现旋转

在 CSS3中，使用transform属性来实现元素的旋转效果，该属性可以实现元素的变形效果，比如旋转、移动、缩放等。其用法为：transform: rotate(角度);，其中角度以度数为单位，可以是正数、负数或0，正数为顺时针旋转，负数为逆时针旋转。下面是一个简单的代码示例：

.rotate-img {
    transition: transform 0.5s ease;
  }
  .rotate-img:hover {
    transform: rotate(360deg);
  }

上述代码中，transition属性用来实现动画过渡效果，其中transform表示过渡的属性，0.5s表示过渡时间，ease表示过渡方式。在:hover伪类中，使用transform:rotate函数来实现图片的旋转效果，其中rotate(360deg)表示将图片顺时针旋转360度。

鹏仔前端 pjxi.com https://www.pjxi.com/