2022.12.06 TIL CSS 마우스 오버 관련

-알게된점:

a{ cursor:point;
	}

마우스 커서를 가져다 대면 손가락 모양으로 바뀐다

 

-문제점:

div등 에 이미지가 있을때 마우스 커서 가져다 대면 흰색으로 덮어씌우고 그 흰색에 투명도를 주고 싶었다.

이런 상황에서 background-color는 아무기능을 못하는것 같다.

-알게된점:

background-color는 이미지 뒤의 배경에만 영향을 미치는것 같다.

그냥 filter:blur(5px); 같은 필터효과를 먹여야하는것같다.

그래서 아래와같이 했다.

.image:hover{
	filter: brightness(120%) opacity(80%);
}

이렇게해서 투명한 흰색이 덮어지는 비스무리한 효과를 냈다.

좀더 공부해야할듯