- 操作
- ギミック
#gimmick 016
ホバーで軽快に弾みながら色が反転する
- 参考サイトURL
-
- 日経電子版 for Educationhttps://www.nikkei.com/promotion/education/
- 動きの解説
-
ボタンにマウスオーバーした際、要素がピョンと軽快にバウンド(弾む)しながら、背景色と文字色が切り替わるインタラクションです。物理的な手触りを感じさせるポップな動きは、ユーザーに親しみやすさや楽しさを提供し、思わずクリックしたくなるような心理的な後押しをします。教育系サイトや採用・キャンペーンサイトなど、ポジティブなアクションを促したい場面に最適です。実装はCSSのkeyframesを用いて細かな上下の動き(バウンス)を指定します。