yutanty https://blog.hatena.ne.jp/yutanty/ みぬさんのページ https://yutanty.hateblo.jp/ CSS 読み込み中画面にアニメーションを入れてみた そもそも、ローディング画面って何...? と疑問に思う方に簡単な説明。 サイトにアクセスした時に、そのページが表示される前に、何かしらのアニメーションが表示される場合があります。 ← これです！ 導入にあたって今回はFlat Preloadersさんのサイトで公開されてるアニメーションを導入してみました。 pixelbuddha.net スタイルシートは、はにわまんさんの「HPcode」『ページ読み込み中のローディング画面を表示するJavaScript』に記載されてるコードを参考にして設定してみました。 haniwaman.com はてなブログの場合… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyutanty.hateblo.jp%2Fentry%2F2020%2F02%2F10%2F000000" title="読み込み中のローディング画面を実装しました - みぬさんのページ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yutanty/20200210/20200210232609.png Hatena Blog https://hatena.blog 2020-02-10 00:00:00 rich https://yutanty.hateblo.jp/entry/2020/02/10/000000 1.0 100%