CSS中可以通過添加鼠標離開（mouseleave）事件來實現(xiàn)過渡效果，以下是一個簡單的示例，展示了如何在鼠標離開元素時應用過渡效果：

我們需要創(chuàng)建一個HTML元素，例如一個按鈕：

<button id="myButton">鼠標離開我</button>

在CSS中，我們可以為該元素添加mouseleave事件，并指定過渡效果：

#myButton {
  transition: all 0.3s ease; /* 定義過渡效果 */
}
#myButton.leave {
  transform: scale(0.9); /* 過渡效果的內容 */
}

在這個示例中，transition屬性定義了過渡效果的基本信息，包括過渡的時間、速度和類型。leave類則用于標記鼠標離開時的狀態(tài)。

我們需要使用JavaScript來監(jiān)聽鼠標離開事件，并添加相應的類：

document.getElementById('myButton').addEventListener('mouseleave', function() {
  this.classList.add('leave');
});

這段代碼使用addEventListener方法來監(jiān)聽鼠標離開事件，并在事件發(fā)生時調用classList.add方法來添加leave類，這樣，當鼠標離開按鈕時，按鈕就會應用定義的過渡效果。

這只是一個簡單的示例，實際使用時可能需要根據(jù)具體需求進行調整，你可以根據(jù)需要調整過渡效果的內容、時間和速度等參數(shù)，如果需要支持更復雜的場景，可能需要結合其他技術或庫來實現(xiàn)。