如何在悬停前触发css转换

Question

因此，我将侧边栏隐藏起来，并在鼠标悬停时显示。我的问题是如何在鼠标悬停在侧边栏上之前触发css转换，就像在这个侧边栏链接中一样：https://la24.org/vision。我怎么做的？非常感谢

Answer 1

有两种方法可以做到。

1. Javascript - 只需在需要时切换展开的课程。
2. 纯CSS - Sideabar Wrapper and Sidebar element

在这种情况下，您可以在.sidebar-wrapper hover：

上触发.sidebar动画

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