호버 전에 CSS 전환을 트리거하는 방법

Question

사이드 바를 숨기고 마우스를 올려 놓았을 때 표시됩니다. 내 질문은이 사이드 바 링크처럼 : 사이드 바에서 마우스를 가리 키기 전에 CSS 전환을 트리거하는 방법입니다. https://la24.org/vision. 내가 어떻게 그럴 수 있니? 많은 감사

Answer 1

두 가지 방법이 있습니다.

1. 자바 스크립트 - 필요할 때마다 확장 된 클래스 만 토글합니다.
2. 순수 CSS - 당신이 .sidebar - 래퍼 호버에 .sidebar 애니메이션을 트리거 할 수 있습니다이 경우 Sideabar Wrapper and Sidebar element

:

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