アイコン型WebフォントをCSSでデザインしたボタンいろいろ

とりあえず10個つくりましたので、マウスを乗せるなどしてみてください。

1. アイコンのみ

2. 色つきの正方形のボタン

3. 同じ色の正方形のボタン

4. 丸いボタン1

5. 丸いボタン2

6. 正方形のボタンが正方形に集まる

7. 横長のボタン

8. アイコンが下に消える

9. アイコンが右に消える

10. アイコンひっくり返る