Font Awesome Animation

FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」。
FontAwsome自体は単なるアイコンフォントですが、これにCSS3アニメーション（自動アニメーション、ホバー時）機能を付けたもの。
FontAwsome自体のマークアップが<i class="fa fa-envelope"></i>であれば、classにfaa-horizontal animated 等として追加すれば、指定したアニメーションで再生されます。
FontAwsomeだけじゃなくて、BootstrapのGlyph等でも同様に使えそうですね。



実装コード例。JS不要でCSSを読み込んだらclass追加するだけでOK



関連エントリ

• 美しいフラットなアイコンフォント「Dripicons」
• 汎用で使えそうなフリーのアイコンフォント「Genericons」
• 地図アプリで使えそうなアイコンフォント「Map Icons」
• 好きなアイコンだけ選んでアイコンフォントにできる「Fontastic」
• 天気予報用のアイコンがセットになったアイコンフォント「Forecast Font」