要素のデフォルトのポインター形状を置き換える

カーソル値を変更して、要素に対するブラウザのデフォルト カーソルを上書きします。

ポインター値を調整することで、要素のデフォルトのポインターの形状を置き換えることができます。

要素の上にマウスを移動したときにポインターが変化する場合でも、ポインタープロパティは なし状態 要素の。 

要素のポインターの形状を調整する

  1. 要素を選択する
  2. に向かう スタイルパネル
  3. スクロールして 効果 category
  4. をタップします ポインター記号 さまざまなポインタの選択肢から選択する
エフェクト category のポインター設定が強調されています。透明度、ボックス シャドウ、2D および 3D 変換、トランジション、フィルター効果も表示されます。

ライトボックスリンクにカスタムポインタを割り当てる

ライトボックスはリンク要素であるため、ホバー時のデフォルトのポインターはポインターカーソルです。ただし、ライトボックスは画像を拡大するために使用できるため、ポインターカーソルを 拡大する ポインタ。

非アクティブなリンクにカスタムポインタを割り当てる

レイアウトに現在アクセスできないボタンが含まれている場合は、そのボタンのポインタを 許可されていません ポインター。これにより、Web サイトの訪問者にボタンが非アクティブであることが示されます。

左側には、「ポインタ」というテキスト ラベルと Apple ポインタ アイコンがあります。右側には、「許可されていません」というテキスト ラベルと許可されていないアイコンがあります。

詳細はこちら ポインターとその他の効果.

自分独自のカスタマイズポインターを考案する

遊び心のあるカスタムポインターを作成してみませんか? Webflow のカスタム ポインターのガイド.

ユアン・マック