CSS3旋轉過度是實現網頁動畫效果的常用技術之一。下面就來詳細介紹CSS3旋轉過度的用法。

transform: rotate(45deg);
transition: transform 1s;

代碼中使用了兩個屬性，分別是transform和transition。transform用來定義旋轉的角度，transition用來設置過度的時間。

transform屬性有多種取值，其中rotate表示旋轉，括號中的數值表示角度，可以是正數也可以是負數。例如，rotate(45deg)表示將元素旋轉45度。

transition屬性則設置元素在過渡時間內的變化效果。在上面的代碼中，設置了元素的transform屬性在1秒內發生變化，即旋轉效果會逐漸顯示。

.love {
width: 100px;
height: 100px;
background-color: red;
margin: 100px;
transition: transform 1s;
}
.love:hover {
transform: rotate(45deg);
}

上面的代碼實現了一個元素鼠標懸停時便旋轉45度的效果。.love:hover表示當鼠標懸停在愛心元素上時的樣式，其中transform屬性表示旋轉45度。

除了旋轉，transform屬性還可以進行位移、縮放等操作。而transition屬性不僅可以設置旋轉過度效果，還可以設置其他屬性的過度效果，例如位置、顏色等。

總的來說，CSS3旋轉過度是一種非常實用的技術，它可以使網頁動畫變得更加生動有趣。