MotionLang

フィードバックと操作 · タップへの反応

ホバーフィードバック悬停反馈

マウスが押せる要素の上に来ると、ごく短時間で色や明るさが変わり、押せることが伝わります。

ツールでこの項目を開く

使いどころ

押せる要素には必ず付けます。タッチ端末にホバー状態はないので、重要な情報をホバーだけに置かないでください。

パラメータ

120ms · ease-out · background-color or opacity change

レシピ

  1. ホバーフィードバック → 120ms ease-out
  2. ホバーフィードバック → background-color or opacity change

AI に渡す一文

このボタンにホバーフィードバックを付けてください。背景色を一段階濃くし、120ms、ease-out で、離れたときも同じ 120ms で戻します。

同じカテゴリの動き