CSS

Question

로 커서를 스타일링 나는 다음과 같이 커서로 이미지를 사용할 수 알고 ? 표시된대로 삼각형을 사용하고 싶습니다. here. 어떻게 든 가능할까요?

어떻게하면됩니까?

Answer 1

나는 이것을 약간 짚어 보았지만 CSS로 할 수는 없지만 실제로 jQuery를 사용하여이 작업을 수행 할 수 있습니다.

div를 만들고 커서를 따라 가면서 "보통"을 숨기고 따라서 약간의 커서를 만듭니다. 실제로는 커서가 아니기 때문에 약간의 해킹이 발생하며 호환성 또는 기능상의 문제가 있거나 없을 수 있습니다. '그렇지 않으면 커서 DIV 직접 커서 아래에 당신에게 것,

$(document).bind('mousemove', function(e){ 
 
    $('#tail').css({ 
 
     left: e.pageX + 1, 
 
     top: e.pageY 
 
    }); 
 
});

#tail { 
 
    position: absolute; 
 
    float: left; 
 
    width: 0; 
 
    height: 0; 
 
    border-top: 10px solid transparent; 
 
    border-bottom: 10px solid transparent; 
 
    border-left: 10px solid green; 
 
} 
 

 
* { 
 
    cursor: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="tail"></div> 
 

 
<a href="http://google.com">Click me!</a>

나는 하나 개의 픽셀 (e.pageX + 1)로 커서를 상쇄했다 :

어쨌든

, 여기에 코드입니다 항상 클릭하고 싶은 오브젝트 대신에 그것을 클릭하십시오.