画像もjsも使わず、css+htmlだけでソーシャルメディアアイコン

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。

ちょっとしたネタ。ドラえもんやら
Operaアイコンやらをcssオンリー
で作られて、益々css3の可能性
が楽しみですが、今度はFlickrや
Facebook、TwitterやRSSの
アイコン10種をcssのみで作った
猛者が登場しましたよ。

当然画像を使ったほうが合理的なのでcss3が普及しようと画像を使いますが、これはこれで凄い。

Chromeで見た状態です。マウスオーバーのドロップシャドウもあります。凄いクオリティですね・・・

ちなみにIE8で見るとこんな感じ。

分からなくもない・・・

尚、それぞれのソースも公開されています。良かったら以下よりご覧下さい。

デモ / 解説