CSSとjQueryで作るローディング

遊んでたら出来上がったもの。
firefoxでいい動きをしなかったので、userAgentで振り分けました。firefoxだとloadが完了するとloading画面がふわっとフェードし、それ以外のブラウザだと、波が引くようにloading画面が下に下がります。
動きの部分は全てcssアニメーション。firefoxブラウザ限定のフェードのみjsで制御しています。

デモページ

HTML

CSS

js(jQuery)

wordpressで作っていたので、$がjQUeryになっています。

デモページ

  • コーダーのための計算機