css怎么样图片旋转 |css3动画框架

css创意边框，css html 支付界面，css 中 p标签居中，css设置字体多了引号，css设置年月日代码，css样式表使用体会，css3动画框架 css怎么样图片旋转 |css3动画框架

/* 按照角度旋转 */
img {
transform: rotate(45deg);
}
/* 按照百分比旋转 */
img {
transform: rotate(50%);
}

需要注意的是，在绝大部分浏览器中，transform属性需要加上浏览器前缀。例如，Chrome需要加上-webkit-前缀，示例如下：

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

除了旋转，还有其他transform操作，例如缩放、倾斜等等。同时，transform也可以组成一个transform列表，依次进行多个操作。例如：

img {
transform: rotate(45deg) scale(0.5);
}

以上代码会先进行45度的旋转，然后再对图片进行50%的缩放。