hover_TIL

img

• div A말고 div B를 hover 하고싶을때
• scss에서는 &:hover 사용

<div id='content'>
     <div id='a'>
         Hover me
     </div>
</div>
<div id='b'>
    Show me
</div>

<style>
#b {
    display: none;
	}
#content:hover~#b{
    display: block;
	}
</style>

opacity 활용하기

애니메이션 효과를 안줬을땐 opacity: 0;으로 보이지 않고
마우스 호버시 opacity: 1;로 화면에 나타나게 만들어준다.