CSS是网页设计中不可或缺的一部分，通过使用CSS，我们可以轻松地控制图片的各个方面，如大小、布局以及角度等。在本篇文章中，我们将详细讨论如何使用CSS来控制图片的角度。

img {
transform: rotate(45deg); 
}

为了控制图片的角度，我们需要使用CSS3的transform属性。transform属性可以用来旋转、缩放、平移和倾斜元素。我们需要设置rotate函数来旋转图片。在上述代码中，我们将图片旋转45度，这意味着它将沿顺时针方向旋转45度。

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

transform-origin属性可以帮助我们控制元素的旋转中心。在上面的例子中，我们将旋转中心设置为图片的中心。这意味着当我们对图片进行旋转时，它将以中心点为基准进行旋转。通过调整旋转中心，我们可以让图片在不同的方向上旋转。

img:hover {
transform: rotate(180deg);
}

我们还可以通过:hover伪类来创建鼠标悬停时的效果。在上述代码中，我们设置图片当鼠标悬停时旋转180度。这将在用户将鼠标悬停在图片上时旋转图片。通过使用:hover伪类，我们可以创建流动的效果，给用户带来更好的用户体验。

综上所述，通过使用CSS中的transform属性，我们可以轻松地控制图片的旋转角度，改变其方向和角度。通过调整旋转中心和使用伪类，我们可以为用户带来更好的用户体验。