光が、カーソルを
追いかける。
動きの見本です。ポインターを重ねたり、再生ボタンを押したりして試せます。

あわせて引く

スポットライト

Spotlight Hover

ふだんの言い方マウスを追う光照らす光の円

マウスの位置を淡い光が追いかけるカード。

見分けるポイント

  • ポインター位置に光を表示
  • 円形グラデーションを移動
  • 文字より背面に配置する

AIへの伝え方

変更する場所:ダークカラーのカード。 ダークのカードに、マウス位置を追いかける青いスポットライトのグラデーションを。radial-gradientをCSS変数で動かして。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「動き」の言葉

触れたとき、現れるとき、スクロールしたときの動き。

207語すべてを、見た目から引く