ホバーの前にCSSの切り替えをトリガーする方法

Question

サイドバーを非表示にして、マウスを動かしたときに表示されます。私の質問は、このサイドバーのリンクのように、サイドバー上でマウスを動かす前にCSS遷移を起動する方法です：https://la24.org/vision。私はそれをどうやって？多くのありがとう

Answer 1

それには2通りの方法があります。

1. Javascript - 必要に応じて拡張クラスをトグルするだけです。
2. ピュアCSS - あなたは.sidebar・​​ラッパーホバーであなたの.sidebarアニメーションをトリガすることができます。この場合 Sideabar Wrapper and Sidebar element

：

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