アニメーションの追加

• 画面移行の際などにローディングアニメーション
• 固定ページの「サトログについて」「制作物」「お問い合わせ」にホバーの際のアニメーション
• 各セクションのタイトルにアニメーション
• テキスト部分のアニメーション
• ヘッダーの背景にぼかしの表現

アニメーションの詳細

ローディング
画面の移行時にローディングアニメーションを追加して読み込みに時間がかかる場合は％表示で表示するようにしました。

固定ページのホバー
「サトログについて」「制作物」「お問い合わせ」にホバーすると下部から横棒が出るアニメーションを追加して使い勝手を向上させました。

各所セクションのタイトル
各セクションにスクロールしていくとセクションのタイトル部分の背景色が伸びて文字が出るアニメーションを追加しました。

テキスト部分
各テキストにスクロールしていくとテキストが1文字づつ表示されるアニメーションを追加しました。

ヘッダーのぼかし
ヘッダーの背景を透過させなおかつ、ぼかし機能を追加しました。
これによって、スクロールした際にヘッダーの背景に文字や画像が通った際にぼかされるのでおしゃれかと思いました。

次の改修部分

今の所は、アーカイブページにサイドメニューを追加しようと考えています。