CSS可以幫助我們實現很多炫酷的效果，其中之一就是讓背景顏色逐漸變成另一種。這種效果雖然看起來簡單，但是實現起來還是需要一些技巧的。

/* 設置初始背景色和漸變時間 */
div {
background: #ff7733;
transition: background 2s;
}
/* 設置鼠標放上去時的背景色 */
div:hover {
background: #33b5e5;
}

首先，我們需要設置初始背景色和背景顏色漸變的時間。這可以通過設置`background`和`transition`屬性來實現。例如，上面代碼中，我們將div的初始背景色設置為#ff7733，并且將背景顏色的漸變時間設置為2秒鐘。

接下來，我們需要設置鼠標放上去時的背景色。這個可以通過設置:hover偽類來實現。例如，上面的代碼中，我們將div:hover的背景色設置為#33b5e5。

這樣，當我們將鼠標放到div上時，背景色就會逐漸從#ff7733變成#33b5e5。這種效果可以讓界面變得更加生動有趣。