CSS如何设置图片旋转？

我们浏览网页时，希望网页以动态状态呈现，而不是简单的静态页面，这有利于增强用户体验。例如以头像为例，我们会对它设置旋转等效果。那么图片的旋转效果怎么做呢？这里 W3Cschool 小编教大家一种不需要用到 JavaScript，用 CSS 即可实现图片旋转效果。

先让我们来看下实现效果：

具体代码：

transform：rotate 即实现旋转效果，如果将上述参数改为（90deg），图片只旋转 90°。以此代码例子而言，图片会折叠消失。

以上就是 CSS 如何设置图片旋转的全部内容。更多 CSS 样式请关注 W3Cschool 官网。

推荐课程：CSS教程