CSSカーソル：半透明のイメージにすることができます

Question

の上にマウスカーソルを置いたときにエフェクトを作成しようとしています。imgマウスがある小さな領域に光ります。

これは、imgの上にカーソルを.gifに変更することで実現します。私はimgにCSSカーソル属性を使用しましたが、カーソルイメージ（Photoshopで作成した.gif）は透明になっているとフラットです。

HTML/CSSで半透明のカーソルを使用することはできますか？おそらく私は.curファイルか.icoファイルを使う必要がありますか？

私はちょうどフックするべきですonmouseoverイベント&マウスを動かすとimg（透明なグローの表情）を置きますか？

Answer 1

イメージをアニメーション化する必要がある場合は代わりに、代わりに32ビットPNGを使用することもできます（;)に関係なくGIFよりも優先する）。

Answer 2

独自のカスタムカーソルを作成できます。

そして、このスタイルを適用します。

.customCursor { 
    cursor: url('mycursor.cur'); 
}