在CSS中，我们可以使用transform属性来旋转图片。这个属性有很多不同的值，但是在本文中我们将关注其中的rotate函数。

首先，在HTML中我们需要有一个图片元素，比如标签：

<img src="picture.png" alt="A Picture">

然后，在CSS中，我们可以使用transform：rotate函数来旋转图片。该函数接收一个角度值作为参数，这个值可以是正数也可以是负数。例如，要将图片顺时针旋转45度，我们可以这样做：

img {
    transform: rotate(45deg);
}

其中deg表示角度的单位，我们还可以使用rad表示弧度。如果要逆时针旋转图片，只需将角度值改为负数即可：

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

我们也可以使用动画效果来让图片旋转。以下是一个例子，图片将在5秒钟内顺时针旋转360度：

img {
    animation: rotate 5s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

此处，我们使用了一个动画属性，名为animation，它有四个值：旋转函数rotate、动画时间5秒、动画类型linear和重复次数infinite。我们还使用了一个@keyframes规则，来定义动画的动态效果。这个规则包含两个关键帧：起始状态（0度）和结束状态（360度）。

综上所述，旋转图片是非常简单的，只需使用transform属性并赋予一个角度值即可。在动画效果方面，我们可以使用animation属性和@keyframes规则来实现。