• 操作
  • エリアホバー

#area hover 024

バウンドしながら形状が変化する

参考サイトURL
動きの解説

要素が出現や移動をする際、ゴムボールのような弾性を伴ってバウンドし、同時にその衝撃で形状が滑らかに歪む有機的なアニメーションです。動きに「重さ」や「柔らかさ」といった物理的な質感を付与することで、デジタル特有の無機質さを払拭し、見る人に親近感や遊び心を伝えます。柔軟な発想力やクリエイティビティを象徴するのに最適です。実装にはSVGモーフィングとバウンド系のイージング設定(Elastic等)を組み合わせ、生き物のような心地よい余韻を作ることが鍵となります。