Q
CSS
1
A
答えて
0
これを少し調べましたが、CSSで行うことは不可能ですが、実際にはjQueryを使用してこれを行うことができます。
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
)でカーソルを相殺しなければならなかったそうカーソル-divが直接カーソルを下回るだろうとあなた実際にクリックしたいオブジェクトではなく、常にそのオブジェクトをクリックしています。
関連する問題
- 1. jQuery .css()、css hover
- 2. CSSセレクタとのCSS?
- 3. CSS間スペースCSSスプライトメニューボタン
- 4. CSSのテキストレイアウトHTML、CSS
- 5. CSSトランジションとCSSアニメーションのパフォーマンス
- 6. CSS CSSの疑似要素
- 7. CSS/HTML - CSS付きハンバーガーメニュー
- 8. 境界内のCSS CSSカラー
- 9. CSSメニューCSSの混同
- 10. - CSS
- 11. CSS
- 12. CSS
- 13. CSS
- 14. CSS
- 15. CSS
- 16. (CSS)
- 17. CSS
- 18. CSS
- 19. CSS
- 20. CSS
- 21. CSS
- 22. CSS
- 23. CSS
- 24. CSS -
- 25. CSS -
- 26. CSS
- 27. 兄弟兄弟CSSルールとリアクションスタイル付きコンポーネント/ CSSモジュール/ CSS-in-JS
- 28. Html5 CSSレイアウトとjQuery UIのCSSリセットオプション
- 29. CSSクラスセレクタがCSS idセレクタをオーバーライドする
- 30. 可変CSSによるサイズ変更CSS
私は従いません。この矢は何ですか?どのような視覚的な例がありますか? – Chris
このようなもの:https://css-tricks.com/snippets/css/css-triangle/私はちょうどイメージを経由せずにCSSを介して行われる純粋なCSSアイコンについて話しています。そして私はこのアイコンをcusorとして適用したいと思います。 – matt
カーソルをどのように見せたいのですか?ちょうど三角形? – Chris