コピペで簡単に使用できる、HTMLとCSS(複雑なものはSVG)で実装されたWebサイトやスマホアプリ用のローディングアニメーションを紹介します。 さまざまなローディングやスピナーが揃っていますが、画像は一切使用されていません。必要な時にさくっと実装できるので、スニペットに登録しておくと便利です。 下記は静止画ですが、もちろん全部アニメーションで動きます。 Loaders -UI Ball Loaders -GitHub ほかにもCSSで実装されたローディングをチェックしたい人は、下記もどうぞ。 CSSで実装されたローディング・スピナーのアニメーションのまとめ UI Ballのローディングはすべて1Kb未満の超軽量で、依存関係はゼロなので、HTMLとCSSをコピペするだけで簡単に使用できます。カラー・サイズ・アニメーションの速度などはCSSで簡単にカスタマイズできます。 MITライセンスで
![これならコピペで簡単! HTMLはシンプル、CSSで実装された超軽量のおしゃれなローディング・スピナー -UI Ball](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d3af07dfbbe88a46bf9932c336df5b518b606ef/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202202%2F2022042601%402x.png)