• 操作
  • カーソル

#cursor 011

カーソルに描画モードの効果

参考サイトURL
動きの解説

カーソルが重なった部分の色が反転（差分）する動きは、背景色に関わらずカーソルの視認性を常に確保できる、理にかなった手法です。黒い背景では白く、白い背景では黒くなり、デザインのトーンを崩さずに存在感を示せます。CSSのmix-blend-mode: differenceやexclusionをカーソル要素に適用するだけで実装可能です。ただし、写真やカラフルな背景の上では意図しない色（補色）になる場合があるため、ブランドカラーとの相性を確認しながら調整することが望まれます。