CSS是一種用于網頁設計的樣式表語言，可以用來控制網頁中元素的樣式、布局和交互效果。其中，CSS的@media屬性可以用來控制樣式的媒體類型，例如瀏覽器類型、設備類型等。在CSS中，我們可以通過設置圖片的旋轉角度來控制圖片的旋轉效果。

要設置圖片轉30度，我們可以使用CSS的@media屬性，然后設置圖片的旋轉角度為30度。具體步驟如下：

1. 在CSS樣式表中，添加一個@media檢查器，用來控制樣式的媒體類型。例如：

```css

@media screen and (max-width: 800px) {

/* 樣式在這里生效，當屏幕寬度小于800像素時 */

2. 在樣式表中，設置圖片的旋轉角度為30度。例如：

```css

transform: rotate(30deg);

這樣，當屏幕寬度小于800像素時，圖片就會旋轉30度。需要注意的是，旋轉角度的大小取決于圖片的寬度和高度，以及屏幕的寬度。例如，如果圖片的寬度和高度都是200像素，屏幕的寬度為800像素，那么圖片就會旋轉60度。

通過使用CSS的@media屬性，我們可以輕松地控制圖片的旋轉效果，讓圖片在特定情況下呈現出不同的樣式。