숨기기 방법 : 이후, 부모 요소 위로 마우스를 가져 가면?

Question

불투명 한 그라디언트가있는 div #header가 있습니다. 이 div에는 :after이 있는데, 이는 div에 3D보기를 부여하는 또 다른 불투명 한 그라디언트입니다. #header 위로 마우스를 가져 가면 :after을 숨기고 싶습니다. CSS로이를 수행 할 수 있습니까? 아니면 JS가 필요합니까?

Answer 1

당신은 다만 할 수 있습니다

#header:hover:after { 
    display: none; 
}