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

スポンサーリンク

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

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

Pure CSS social media icons

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

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

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

デモ / 解説

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services