Font Awesomeを使ってアイコンをWebフォントで表示しよう
※Font Awesomeが提供しているスタイルをサンプルとして当てています。そのなかでも、特に使えそうなものをピックアップしてサンプルとしています。
1.アイコンの表示
- fa-check-circle
- fa-tags
- fa-wrench
2.アイコンの拡大
- 通常の大きさ
- 2倍の大きさ
- 3倍の大きさ
- 4倍の大きさ
- 5倍の大きさ
3.アイコンのアニメーション
- アニメーション
- アニメーション
4.アイコンの回転移動
- 基本
- 90度の回転
- 180度の回転
- 270度の回転