ナイスなCSSベースのローディングインジケータ集(x8)「SpinKit」

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

SpinKit | Simple CSS Spinners

SpinKit」はCSSによるロード中のスピナーアニメ(クルクル回るやつ)のコレクション(GitHub)。CSSアニメーションを使っていて、スムーズに動き、かんたににカスタマイズすることができます


SpinKit | Simple CSS Spinners 1

今のところ8つのスピナーが準備されていてデモ画面で全部確認することができます。クルクル回ってる感がでていてなかなか良いのではないでしょうか。

一つ気をつけたい点は、CSS の animation プロパティをサポートしていないブラウザ(IE 9以前のブラウザとか)で動かないということ。CoffeescriptやJavaSciprtを使った回避方法がGitHubで説明されているので、古いブラウザ対応を考えている場合は参考にしてください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次