在前端開發中，我們經常需要用到背景圖片來美化頁面。而有時候，為了更好的展示效果，需要對背景圖片進行一些特效處理，比如旋轉、縮放等。在這里，我們將會介紹如何使用CSS來實現背景圖片的旋轉效果。

.background-img{
background-image: url("your-image.jpg"); /*設置背景圖片*/
background-repeat: no-repeat; /*防止重復*/
background-size: cover; /*盡可能鋪滿容器*/
transition: transform 0.8s ease-in-out; /*設置旋轉效果*/
}
.background-img:hover{
transform: rotate(60deg); /*鼠標懸停旋轉60度*/
}

上述代碼是實現背景圖片旋轉效果的核心代碼。其中，我們使用了CSS3的transform屬性來實現旋轉特效。同時，我們使用了transition屬性來控制旋轉的過渡效果。

需要注意的是，我們只對鼠標懸停后的狀態進行旋轉，而不是一直旋轉。這樣可以防止頁面出現過多的動畫效果，從而影響用戶的使用體驗。

總的來說，通過CSS的transform屬性，我們可以輕松實現背景圖片的旋轉效果，從而為頁面帶來更多的趣味性和動感。如果你也對前端開發有興趣，不妨試試這一技巧吧！