css怎么旋转图片

css旋转图片的方法：首先创建一个HTML示例文件；然后在body中创建一个div；最后通过使用css3的transform属性对元素进行旋转、缩放、移动或倾斜即可。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

css怎么旋转图片？

css设置图片旋转效果可以使用css3的transform属性，transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

transform属性：

使用语法：

transform: none|transform-functions;

Internet Explorer 10、Firefox、Opera 支持 transform 属性。

Internet Explorer 9 支持替代的 -ms-transform 属性（仅适用于 2D 转换）。

Safari 和 Chrome 支持替代的 -webkit-transform 属性（3D 和 2D 转换）。

Opera 只支持 2D 转换。

示例：

效果图：

【推荐学习：css视频教程】

以上就是css怎么旋转图片的详细内容，更多请关注其它相关文章！