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

SpinKit | Simple CSS Spinners

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


SpinKit | Simple CSS Spinners 1

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

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

よかったらシェアしてね!
目次
閉じる