在前端開發中，常常會使用到旋轉效果來增強網頁的交互體驗。使用JavaScript和CSS3，我們可以很容易地實現div的旋轉效果。

首先，我們來看如何使用JavaScript實現div的旋轉。為了方便，我們可以給div添加一個id屬性，比如“rotate”。然后，我們可以通過以下代碼來讓div旋轉45度：

var rotateDiv = document.getElementById("rotate");
rotateDiv.style.transform = "rotate(45deg)";

上述代碼中，我們首先獲取了id為“rotate”的div元素，然后通過style.transform屬性來設置旋轉效果，其中rotate(45deg)表示要將div旋轉45度。

接下來，我們來看如何使用CSS3來實現div的旋轉。同樣地，我們可以給div添加一個id屬性，比如“rotate2”。然后，我們可以通過以下樣式來讓div旋轉45度：

#rotate2 {
transform: rotate(45deg);
}

上述代碼中，我們通過CSS選擇器來選中id為“rotate2”的div元素，并通過transform屬性來設置旋轉效果，同樣是rotate(45deg)。

使用JavaScript和CSS3旋轉div都有它們各自的優點和特點。在實際開發中，根據需求選擇合適的方案，能夠更加高效地實現旋轉效果。