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