CSS3方塊旋轉變大是一種簡單而有效的方式，可以讓網站中的元素增加動態效果，提高用戶體驗。下面是一個基本的CSS3方塊旋轉變大的例子：

.box {
width: 100px;
height: 100px;
background-color: red;
transition-property: transform, width, height;
transition-duration: 1s;
}
.box:hover {
transform: rotate(45deg) scale(1.5);
width: 150px;
height: 150px;
}

.box類是要進行動畫效果的元素，設置了它的寬度，高度和背景顏色。transition-property屬性控制了動畫效果的名稱，這里包括了transform, width和height三個屬性。

transition-duration屬性設置動畫效果的時間為1秒。當鼠標懸停在元素上時，.box:hover類會被觸發，通過設置transform:rotate(45deg)和scale(1.5) 可以讓元素旋轉45度并放大1.5倍。

同時，元素的寬和高也會變為150像素。這時，由于設置了transition-duration屬性的存在，變化的效果會漸變進行，而不是瞬間完成。

總的來說，利用CSS3方塊旋轉變大的效果可以讓網站中的元素顯得更加生動，能夠增加用戶的視覺體驗，改善網站的用戶體驗。