「ICONO」はピュアなCSSの記述だけで、簡単にアイコンを実装できるスタイルシートです。
画像やWEBフォントさえも使用しておらず、擬似要素や様々なプロパティを使用してCSSのみで表示させています。
カラーの変更もCSSで簡単に変更可能です。
使用方法は、
1 2 3 |
<link rel="stylesheet" href="icono.min.css"> |
を読み込み、あとは、要素に表示させたいアイコンのクラスを記述するだけで簡単に実装できます。
1 2 3 4 5 6 7 |
<i class="icono-home"></i> <div class="icono-home"></div> <span class="icono-home"></span> |
色の変更も、下記のように、カラー変更やサイズ変更が容易にできます。
1 2 3 4 5 6 7 8 9 |
.icono-home { color: #2ba5bb; } .icono-home { transform: scale(2); } |
15.01.12 | WEBデザイン制作・IT関連