旋转图片显示是网页设计常用的特效之一。在CSS中，通过transform属性的rotate参数实现图片旋转效果。下面是一个简单的样例：

.rotate {
transform: rotate(45deg);
}
<img src="example.jpg" class="rotate" alt="example" />

上面的代码中，旋转角度为45度，可以根据需要进行调整。需要注意的是，旋转效果是以元素中心进行旋转的，因此需要使用position属性来调整图片的位置，使其旋转后不超出页面范围。例如：

.rotate {
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
}

上面的代码中，position属性设置为absolute，top和left属性分别为50%，表示图片的中心点位于页面正中央。width和height属性设置为200px，表示图片的宽度和高度。margin-top和margin-left属性分别为负数的一半，表示将图片向上向左移动其宽高的一半，使其居中。

除了rotate参数外，CSS的transform属性还支持其他参数，如scale（缩放）、translate（移动）、skew（斜切）等。通过组合这些参数，可以实现更丰富的图片特效。