Parts 03オープニングアニメーション
-
Parts 03 > Design 05作品名：テキスト 05
画面中央に固定されたオープニングアニメーションで、フェード、スケール、テキストシャドウを指定して、順番にテキストを表示し、最後に自動的に非表示になり、スムーズにコンテンツへ誘導します。
デモをみる
-
Parts 03 > Design 04作品名：テキスト 04
テキストと背景に別々のアニメーションを適用。CSSのbeforeと、afterの擬似要素を使って、スライド演出とフェードアウトのオープニングアニメーションを表現しました。
デモをみる
-
Parts 03 > Design 03作品名：テキスト 03
ご職業とお名前を順に表示しながら、最後に背景が下から上へスライドして消えるオープニングアニメーションを作成しました。フェードとスライドを組み合わせ、印象的な“始まり”を意識しました。
デモをみる
-
Parts 03 > Design 02作品名：テキスト 02
要素が順番に現れるアニメーションを取り入れ、視覚的な関心を引きつけるとともに、余韻を持たせつつ次のコンテンツへ自然に誘導することを意識して制作しました。
デモをみる
-
Parts 03 > Design 01作品名：テキスト 01
CSSアニメーションで、ウェブサイト訪問時に表示されるシンプルなオープニングアニメーションを制作しました。
デモをみる