今更css3で作るソーシャルアイコン
1年くらい前に流行った画像を使わずcssで作るソーシャルアイコンを今更作ってみました。
google+あたりはグラデーションでグラデーションをさせないという力業でどうにかしています。
フォントか何かの関係かブラウザ毎に1pxくらいずれますが、Safari・Chrome・Firefoxの割と新しいverでは大体見られます。
自分で作っておいてアレですが、普通に画像を使った方が間違いなくいいと思います。
ソースはdemoページから直接見てください。
ファビコンも作った 2011.10.03:追記
先日のcssでソーシャルアイコン作りが結構面白かったので、同じ要領で有名サイトのfaviconを再現してみました。
尚、先日のソーシャルアイコンはjsdo.itにあげたところ、hot code入りしました。
皆様、ありがとうございます。