- 装飾
- カウンター
#counter 001
カウントに合わせて線とカウント位置が移動する
- 参考サイトURL
-
- HARKENhttps://harkenic.com/
- 動きの解説
-
数字が増加するだけでなく、プログレスバーの先端など「進んでいる位置」に数字が追従して動く表現は、現在の進捗率を直感的に伝えます。ローディング画面や沿革(年表)などで、時間経過と到達地点を同時に可視化できます。実装においては、数値のカウントアップ処理(JS)と座標移動のアニメーション(CSS)を完全に同期させることが肝要です。両者のイージングがズレると数字が置いてけぼりになり違和感を生むため、緻密な調整が求められます。