CSS3 旋轉45度是一種常用的效果，它可以讓頁面元素呈現出傾斜的視覺效果。在 CSS3 中，旋轉效果可以使用 transform 屬性，并且可以實現任意角度的旋轉，下面我們將介紹如何使用 transform 屬性來實現旋轉45度的效果。

/* 旋轉45度 */
.rotate-45 {
transform: rotate(45deg);
}

以上代碼是實現旋轉45度的 CSS 樣式代碼，該樣式類名為 rotate-45，可以通過給需要旋轉的頁面元素添加該樣式來實現旋轉效果。其中，transform 屬性表示要對元素進行轉換，rotate 表示旋轉，參數 45deg 表示旋轉的角度為45度。

除了 rotate 屬性之外，transform 屬性還有其他的參數可以使用，例如 scale 縮放、translate 移動等等。同時，我們還可以使用組合方式來實現多種效果的組合，如旋轉和縮放的組合效果：

/* 旋轉并縮小50% */
.rotate-scale {
transform: rotate(45deg) scale(0.5);
}

以上代碼實現了旋轉并縮小50%的效果，該樣式類名為 rotate-scale，可以通過給頁面元素添加該樣式來實現相應的效果。

總之，CSS3 旋轉是一種非常實用的效果，它可以讓頁面元素更具有立體感和動態感，幫助我們實現更加美觀的頁面效果。同時，我們還可以通過組合 transform 屬性來實現更加復雜的效果，以達到更好的視覺效果。