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

Ads

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

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

Pure CSS social media icons

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

ちなみにIE8で見るとこんな感じ。
css-icon01
分からなくもない・・・

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

デモ / 解説