개발하자(DevHaja)

FrontEnd/JavaScript & TypeScript

[JS] JavaScript 마우스 커서 모양 바꾸기

📋 마우스 커서 모양 바꾸기 커서 모양을 바꾸는 원리는 간단합니다. html에 비어있는 태그를 만들어준 후에 css로 사용할 커서 모양을 커스텀 해준 후에 script로 마우스를 따라다니게 하는 원리입니다. 아래 태그를 살펴보겠습니다. html에 커서로 사용할 빈 태그를 만들어 줍니다. css로 커서로 사용할 모양을 커스텀 해줍니다. position: absolute 로 만들어진 div 태그를 띄워줍니다. body에 cursor: none 으로 기존 커서를 없애줍니다. body{cursor: none;} .cursor{ width: 20px; height: 20px; background-color: #000; border-radius: 10px; position: absol..

devwoodie
'Mouse' 태그의 글 목록