• 操作
  • ギミック

#gimmick 021

ホバーでイラストが心地よく弾み揺らぐ

参考サイトURL
動きの解説

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