css - Retina をサポートする CSS カスタム カーソル

Question

このトピックに関する情報が見つかりません。CSS を使用したシンプルなカスタム カーソルが必要です。私は今このコードを持っています：

cursor: url('img/cursor_left.png'), auto;

カーソルが表示されますが、問題はありません。ただし、Retina ディスプレイに対応していないため、ぼやけています。誰でもこれを修正する方法を知っていますか?

ありがとう、アンジェロ。

Answer 1

私はこれをテストしていませんが、image-setを使用できるはずです:

cursor: url('img/cursor_left.png'), auto;
cursor: -webkit-image-set(
  url('img/cursor_left.png') 1x,
  url('img/cursor_left_hi.png') 2x
), auto;