CSS3是網頁設計中非常重要的一部分，其中background屬性是十分常用的。除了常規的背景色、背景圖片等設置，CSS3還提供了background-clip、background-origin、background-size、background-position等更加豐富的功能。

在這些功能之中，background中的transform屬性更是提供了非常強大的操作，其中包括旋轉。通過旋轉，我們可以讓背景圖片或是背景色在網頁上展現出更加動感、活潑的效果。

/* 第一種旋轉效果：以左側中間為軸心進行旋轉 */
background: url("image/bg.jpg") no-repeat center left;
transform: rotate(-20deg);
/* 第二種旋轉效果：以中心為軸心進行旋轉 */
background: #f60;
transform-origin: center;
transform: rotate(30deg);
/* 第三種旋轉效果：以右側底部為軸心進行旋轉 */
background: #300;
transform-origin: right bottom;
transform: rotate(45deg);

通過上面這些代碼，我們可以看到不同方式的background旋轉效果，具體效果可以通過自己實踐來體驗。background的旋轉也與其他屬性自由組合，這就讓網頁設計更有創意空間，更加靈活。