仕様
アクセスすると、ロゴのマークとロゴが表示され、ロゴのマークが2回転するアニメーションが発動します。
その後、黒背景が剥がれるアニメーションが発動して、本文が表示されます。
cssとJavaScriptで実装しています。
同じ案件で実装したアニメーション
スクロールダウン
スクロールを促すアニメーションにクライアント様からのご要望で「クリックをしたら画面の高さ分スクロールする機能」を実装しました。またフッターエリア内ではスクロールボタンがページトップボタンに変化します。
アクセスすると、ロゴのマークとロゴが表示され、ロゴのマークが2回転するアニメーションが発動します。
その後、黒背景が剥がれるアニメーションが発動して、本文が表示されます。
cssとJavaScriptで実装しています。
スクロールを促すアニメーションにクライアント様からのご要望で「クリックをしたら画面の高さ分スクロールする機能」を実装しました。またフッターエリア内ではスクロールボタンがページトップボタンに変化します。