如何在悬停之前触发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) 
}