如何在懸停之前觸發css轉換

Question

因此，當鼠標懸停時，我隱藏了側欄並顯示出來。我的問題是如何在鼠標懸停在側邊欄之前觸發css轉換，就像在此側邊欄鏈接中一樣：https://la24.org/vision。我怎麼做？非常感謝

Answer 1

有兩種方法。

1. Javascript - 只需在需要時切換擴展類。
2. 純CSS - Sideabar Wrapper and Sidebar element

在這種情況下，你可以觸發.sidebar，包裝懸停您.sidebar動畫：

.sidebar-wrapper:hover > .sidebar{ 
    **Your hover state** (e.g. width: 300px) 
}