要實現鼠標懸停時背景顏色變為黃色，鼠標離開時背景顏色慢慢消失并變回白色的效果，
可以使用CSS的過渡（transition）屬性

li {background: #fff;color: #000;transition: background 0.5s ease-out;
}li:hover {background: #fbb31e;color: #fff;
}li:not(:hover) {transition: background 0.5s linear;
}

為li元素設置了一個初始的白色背景，并定義了一個過渡效果，過渡時間為0.5秒，并使用了ease-out的緩動函數使過渡效果更加平滑。
當鼠標懸停在li元素上時，背景顏色會立即變為黃色，文字顏色變為白色。
當鼠標離開時，背景顏色會平滑地過渡回原來的白色。

這里使用了:not(:hover)偽類選擇器來選擇非懸停狀態的li元素，并為它們定義了一個新的過渡效果，過渡時間為0.5秒，并使用了linear的緩動函數，使背景顏色慢慢消失并變回白色