アニメーション

http://tympanus.net/codrops/2013/05/22/examples-of-pseudo-elements-animations-and-transitions/
擬似要素のアニメーションと遷移の例

• メリット

HTMLマークアップの簡素化と最適化
CSS3能力を活かし
設計に貢献

• デメリット

Firefoxのみ、IE10、最近Chromeのような最新のブラウザ（参照でサポートされているこの更新されたサポート·テーブルを詳細）
まだ携帯電話のブラウザでは動作しません
擬似要素は、IDによって識別することができない
疑似要素は、DOMには表示されません。
擬似要素は、JavaScriptでアニメーションすることができません

動きが面白い
是非サイトに加えたいです。