Happy things are always here! ꔷ̑◡ꔷ̑

웹으로 모바일 화면 작업을 하다보면 내가 추가한 적도 없는 터치 효과가 생길 때가 있습니다. 터치 시 파란 박스가 생기는 걸 볼 수 있는데요, 다음과 같은 속성으로 해결할 수 있습니다. #btn{ -webkit-tap-highlight-color:transparent; } -webkit-tap-highlight-color 이 속성은 탭할 때 하이라이트 되는 색상을 지정해주는데, 파란색이 디폴트로 되어 있는 듯 합니다. 우리는 그 박스를 아예 안보이게 하고 싶으니 transparent 투명을 넣어주면 박스가 사라지는 걸 볼 수 있습니다. 다음은 커서로 드래그, 복사하는 기능을 없애는 속성입니다. body{ user-select: none; }

웹페이지에서 아이콘을 사용할 때 아이콘의 이미지를 흰색으로 바꾸고 싶을 때가 있는데요, 물론 포토샵을 열어서 색을 바꿀 수도 있겠지만 번거로운 일이죠. 그럴 때 css filter 속성으로 간단히 바꿀 수 있습니다. .icon{ filter: brightness(0) invert(1); }