2010 . 11 . 24

完全にCSSだけで作られたGUIアイコンのサンプル

Pure CSS GUI icons (experimental)

純粋にCSSだけで作られたアイコンというテーマの実験的な試み。

CSS3とbefore/afterの疑似要素を巧みに利用してCSSだけでアイコンを描画しています。


なおこれは、Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+のブラウザで動作するテクニックです。

  • この程度のアイコンならむしろ画像を使った方がファイルサイズは抑えられると思われますが、まぁーよくやるよってとこかな...