- 操作
- ギミック
#gimmick 021
ホバーでイラストが心地よく弾み揺らぐ
- 参考サイトURL
- 動きの解説
-
イラストやアイコンにカーソルを合わせると、水滴やゼリーが弾むようにプルンと心地よい揺らぎを返すマイクロインタラクションです。無機質な画面に温もりと遊び心を与え、ユーザーのクリック体験を楽しく演出します。親しみやすさを重視するブランドや特設サイトに最適です。実装はhover時にCSSの@keyframesアニメーションを付与し、transformのscaleやrotateを弾性イージングで小刻みに制御します。