CSSカーソル生成

CSSカーソル生成について

CSS cursor プロパティは、要素上のマウスポインタの見た目を制御します。本ツールは2つのユースケースをカバーします：標準組み込みキーワードからの選択、またはカスタム画像の提供（オプションのホットスポット座標と、画像が読み込めないブラウザ用のフォールバックキーワード付き）。

できること

• プリセットカーソル — すべての標準キーワードから選択（pointer、crosshair、wait、各種resizeなど）。
• カスタム画像カーソル — .cur、.png、.gif ファイルをアップロード（データURLとしてブラウザに保持、アップロードなし）。
• ホットスポット — ポインタのアクティブポイントのX/Y座標を設定。
• フォールバック — 画像読み込み失敗時に使用する標準カーソルキーワード。

使い方

1. プリセット または カスタム画像 モードを選択。
2. プリセットではリストからカーソルキーワードを選択。
3. カスタムではファイルをアップロードまたはURLを貼り付け、ホットスポットを設定。
4. プレビューボックスにホバーしてテスト。
5. CSSをコピー をクリックして任意の要素に適用。

よくある質問

対応画像形式は？ Windowsでは .cur と .ani、モダンブラウザでは .png、.gif、.svg がサポートされています。最大互換性のため 32×32 の .cur を使用してください。

サイズ制限はありますか？ 仕様では32×32以下を推奨。大きすぎる画像は縮小されたり、一部ブラウザで無視される場合があります。

ホットスポットとは？ カーソル画像内でクリックを登録するピクセル位置です。典型的な矢印カーソルでは左上（0, 0）になります。