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

ネット(net)を有効利用して勝ち人、価値人に変身出来るような情報をかちびと.netで配信します

Webデザイン

Webデザイン関連(RSSRSS)のカテゴリです。

　　　

かちびと.netとは

貴方のネットビジネスを支えたい。かちびと.netはそんな思いを持ったサイトです。Web制作に役立つ素材やソフトウェア、Webサービス、マーケティングに役立つ情報などを配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAboutをご覧下さい。

About

Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

メニュー

　
 
かちびと.net > WEBデザイン > cssやプログラミング > 画像もjsも使わず、css+htmlだけでソーシャルメディアアイコン

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

Cat: » WEBデザイン, cssやプログラミング
Day:6月 21, 2010

WPデザインギャラリー

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

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

Pure CSS social media icons

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

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

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

デモ / 解説


Comments & Trackbacks

 

  1. かちびと.netにリンクの無いトラックバックは受付けてないです。
  2. コメントされる前にガイドラインをご覧下さい

この記事のトラックバックとURL

URL:
TRB:

Leave a Reply