CSS3 中的 transition 屬性可以讓元素從一種樣式逐漸地過度到另一種樣式。我們可以利用 transition 實現向上過度的效果。

/* 定義元素的初始樣式 */
.box {
position: relative;
top: 0;
transition: top 1s ease;
}
/* 鼠標懸停時，修改 top 的值，觸發過度效果 */
.box:hover {
top: -50px;
}

在上面的代碼中，我們定義了一個 class 為 "box" 的元素，并在其中設置了其初始的樣式，即 top 的值為 0。為了實現向上過度的效果，我們在 :hover 狀態下將 top 的值設為 -50px，而 transition 屬性則控制了這個過度過程的時間和速度。

當鼠標懸停在這個元素上時，因為其樣式被修改了，所以它就會開始執行從初始樣式到 :hover 樣式的過度效果，最終呈現出向上升的效果。