프론트엔드/CSS
-
[CSS] 클릭 이벤트 허용 여부 (pointer-events)프론트엔드/CSS 2020. 7. 30. 21:32
화면구성상 앞에 절대 위치로 텍스트를 놓는 경우 앞에 텍스트가 뒤를 가려서 클릭이 안되는 경우 가 있다. 텍스트가 앞에 위치해 있어도 뒤가 클릭되게 하려면 pointer-events 속성을 이용해서 뒷 배경을 정상적으로 클릭할 수 있게 할 수 있다. pointer-events: 클릭 이벤트 허용 여부 pointer-events: none 을 사용하면 앞에 내용이 클릭이 안되고 뒤부터 클릭이 된다. 참고문헌 https://ahnheejong.name/articles/less-famous-css-properties/ [잘 알려지지 않은 유용한 CSS 속성들]
-
[CSS] 마우스 커서 모양 포인터로 바꾸기(cursor)프론트엔드/CSS 2020. 7. 30. 21:23
해당 지점위에 마우스 커서를 손모양으로 바꾸고 싶을때가 있습니다. 이 때 사용하는 CSS 속성이 cursor 입니다. 개요 cursor 속성을 이용하면 해당 태그 위에 위치하는 마우스 커서의 모양을 바꿀 수 있습니다. auto: 자동 default: 기본값 (화살표) pointer: 손가락 모양 (클릭 가능한 버튼) wait: 로딩 사용법 .btn-wait { cursor: pointer } Auto Crosshair Default Pointer Move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize Text Wait Help 결과물 Auto Crosshair Default Pointer Move e-resize n..