JavaScript
jQuery

サイトのローディングを10秒で実装


GOAL

サイトにローディングの際のアニメーションを追加する。

(しかも10秒で)


how to


test.html

<body>

.
.
.

<!-- loading start -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
<!-- loading end -->

</body>


これに加えて、このサイトからcssを引っ張ってくると、自由にカラーを変えられるいろんなアニメーションが完成します!


ps.

本当は、ローディング完了後にbodyの中身をサッと出したかったのですが、なかなかできなかったので諦めました。。。