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