[CSS]アニメーションの動きもデザインも新しくて気持ちいい!コピペで実装できるローディングスピナーのまとめ

ページのローディング時によく使われる、アニメーションの動きが新しく、デザインもかわいいCSSで実装されたスピナーを紹介します。

一昔前のと比べると、そのデザインも動きも洗練されています。

デモのキャプチャデモのキャプチャ

Spinners & Page Loaders Pure CSS

下記は実際のコードで実装したものです。
ラインやサークル、クロス、スター、パックマンなどはCSSやSVGで実装されており、画像は一切ありません。









top of page

©2017 coliss