CSS旋轉和放大是常見的樣式特效，可以用來增強頁面的視覺效果。下面我們來介紹如何用CSS實現旋轉30度并放大2倍的效果。

.rotate {
transform: rotate(30deg) scale(2);
}

以上代碼中，我們利用了transform屬性實現旋轉和縮放功能。其中rotate函數可以接受一個角度值，用來旋轉元素；scale函數可以接受一個縮放比例值，用來放大或縮小元素。

如果想要將元素既旋轉又縮放，可以寫成如下形式：

.rotate-and-scale {
transform: rotate(30deg) scale(2);
}

以上代碼中，我們將多個CSS屬性合并寫成一個transform屬性值，代碼更簡潔。

為了方便驗證效果，我們可以在HTML代碼中添加一個div元素，并為其添加rotate或rotate-and-scale類名，代碼如下：

<div class="rotate">Hello World</div>
<div class="rotate-and-scale">Hello World</div>

這樣就可以實現旋轉和放大的效果了。如果想要修改元素的旋轉角度或縮放比例，只需要修改對應的CSS屬性值即可。