iPadOSのカーソルをWebで再現したJS,CSS|2001Y.me

今までも一応iPadでもマウスなどを使えましたが、iPadOS 13.4 からiPadに新しいカーソル、ポインターが追加されました。そのカーソルがとても斬新で、カーソル自体が形を変えます。

私はこのカーソルがお気に入りで、このブログにも取り込もうとトライしてきました。しかし、Codepenにかなり良く再現れたものが載っていたのでメモしておきたいと思います。

iPadOS in HTML/CSS/JS by @cezzre

カーソルの背景より内部が大きく引きつけられる再現がされています。

さいごに

このブログではPCで文章がテキストカーソルに切り替わるとうざいかなと思って、クリックしながら移動した場合にテキストカーソルにしていますが、こっちのほうが素直なのかな。

あと、Safariは cursor:none !important; をつけていても、テキストを選択するときだけカーソルが見えるのがとても気になります…。

lightbox