• 装飾
  • カウンター

#counter 002

カウントアップ

動きの解説

実績数や創業年数などの数値が、スロットマシンのようにパラパラと回転したり増加したりして確定する動きは、静的な数字に「重み」と「ライブ感」を与えます。企業の信頼性やスケール感を強調したいLPのファーストビューなどで定番の演出です。ライブラリ(Odometer等)で実装可能ですが、桁が変わるたびに文字幅が伸縮してガタつくのを防ぐため、等幅フォント(Monospace)を指定するか、数字ごとの枠幅を固定するCSS調整が美しさの鍵です。