UFJの採用ページです。

• 使用フォント：Noto Sans JP Helvetica
• フォントカラー：#FFFFFF #000000
• ベースカラー：#FFFFFF
• メインカラー：#DC191A

三菱UFJ銀行　リクルートサイト

トップページ

ファーストビューは右から流れるように出て、ラストに円が描かれます。

見出しは行ごとに出てきますが、文章は1文字ごとに出てきます。「読む」と「見る」をアニメーションで表すとこのようになるのでしょうか。

左と下からフェードインしてきますが、時間差でタイトルが出てきます。

マウスオーバー時に画像のズームとプラスの位置にタイトルが表示されます。

どれもアニメーションは連続して続くのではなく、一回のみの表示です。

あまりアニメーションを意識しては見てきませんでしたが、特にこのサイトは時間差を使うことで、複数の動きを使っているように感じました。

余談

WordPressは動画も載せることができるんですね。今回初めてやってみました。

ただMacの録画だと.mov形式で保存されます。
WordPressは動画形式は.MP4のみアップロードが可能なので、一度編集ソフトを挟む必要があります。そこだけ少しめんどくさいですね。
現状はプレミアプロで編集をしていますが、なんとかいい方法を探します…