See the Pen cs1.6_dust2 by 喇賽人 (@weber87na) on CodePen.
自訂游標印象中以前在 winform 還有 openlayers 都有做過類似的案例 , 今天就來致敬下 cs1.6 的準心效果
之前寫刮刮樂的時候是用 cursor 發現有些限制只能用 icon , 偶然發現這篇
研究下它的原理就是設定 position: fixed 然後當滑鼠移動時修改那個 cursor div 的位置 , 搞了半天還是要用這種 hacker 的方法才行
後來先寫出普通準心還算簡單 , 可是狙擊鏡讓人想半天
最後用個很大的 border 蓋住整個範圍 , 然後把 cursor div 背景顏色設定透明即可
後來發現還有 clip-path 這種屬性可以用 , 說不定也可以兜出來 , 就遇到再說吧