CSS だけで作るローディング画像 ⑤
= Type 10 =
= 画像ファイルを用意する必要がありません =

  • 画像や JavaScript を使わずに、CSS だけでシンプルにローディングアニメーションを表示させる方法です。
  • HTML ソースと、CSS ソースをページ内に表示しましたので、コピーしてお使いください。
《 Type 10 》
HTML ソース  Copy HTMLソース
<span class="whirly-loader"></span>
CSS ソース
  • このページ以外では、ここに CSS ソースが表示され、コピーして使うことができますが、このページの CSS は容量が大きいため別ページを用意しました。
  • こちらのページからコピーしてご利用ください。 CSS ソースを表示してコピー 
GitHubで表示

おすすめサイト・関連サイト…

Last updated : 2020/02/16