[CSS]HTMLとCSSだけで実装する、ごく普通のアイコン

当サイトでもCSS3で実装する面白いトリックをたくさん紹介してきましたが、Rather SplendidからCSS3で実装したごく普通のアイコンを紹介します。 Pure CSS Icons デモページ アイコンはRSS、iPhone、ハートをはじめ、円や三角なども画像を使用せずに実装されています。 CSSで実装されているため、ブラウザのフォントサイズを変更すると、アイコンのサイズも拡大縮小します。 各アイコンは、マウスのホバー時に一回り大きくなります。

[diveintounlimit]

この手のネタ多いなぁ。。素直にSVG使いんせー。

[globalwe6]

めも　RT　[CSS]HTMLとCSSだけで実装する、ごく普通のアイコン | コリス

[edo_m18]

これ面白いなぁ。ざっと見ててちょっとネタ思いついたｗ

[shi-che]

コリス - [CSS]HTMLとCSSだけで実装する、ごく普通のアイコン

[syokatu10]

［未整理］

[tarchan]

これも一種のベクターデータか

[kkeisuke]

CSS3

[girled]

Chromeだとレンダリングでちょっとズレが出てるみたいだけど、でも、軽快で無駄なリソースも必要なくなるのでいいね。Faviconもなんか画像要らないような手段が提供されるとシンプルになっていいなあ。いや、複雑なもんCS

[Donca]

✔ [CSS]HTMLとCSSだけで実装する、ごく普通のアイコン