css 图像旋转角度 |css3浮窗动画

在 CSS 中，使用 transform 属性来实现旋转效果。其中，rotate() 函数可以设置图像旋转的角度值。例如：

img {
transform: rotate(45deg);
}

上述代码表示将图像以 45 度的角度进行旋转。如果将值改为 90 度，则表示将图像旋转 90 度。

除了 rotate() 函数外，还可以使用 skew() 函数实现图像倾斜的效果。该函数同样接受角度值作为参数，例如：

img {
transform: skew(30deg);
}

上述代码表示将图像向右倾斜 30 度。如果希望图像向左倾斜，则可将角度值设为负数。

除了单一的 rotate() 和 skew() 函数，还可以通过使用多个 transform 属性来实现更加复杂的图像变换效果。例如：

img {
transform: rotate(45deg) scaleX(2) skew(30deg);
}

上述代码表示先将图像逆时针旋转 45 度，然后在水平方向上拉伸 2 倍，最后将图像向右倾斜 30 度。通过这种组合变换的方式，可以实现更加丰富的图像效果。