お知らせ

次の項目は別ページに分割しました。

カーソル

ドキュメント:

cursor | MDN

使い方

参考:

cursor の使い方 カーソル形状の変え方と値一覧 | サルワカ

CSS3 で使える 35 + α 種類のカーソルの一覧表 | Ginpen.com

cursor | スタイルシートリファレンス

カーソルの形を変更する | TAG index

データ URL で画像を指定する

SVG ファイルを Base64 エンコードしてデータ URL で指定する。

.area:hover {
    cursor: url("data:image/svg+xml;base64,...=") 24 24, auto;
}Code language: CSS (css)

ドキュメント:

url() | MDN

参考:

cursor Image using SVG Base64 URI – Stack Overflow

css cursor using data-uri – Stack Overflow

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA