2012 . 01 . 29

Zocial : CSS3でフレキシブルに使用できる42種類のソーシャルボタンセット

Zocial | CSS3 Button Set

ZocialはCSS3で作成されている42種類のソーシャルボタンのセット。

ボタンに表示されるアイコンはすべて同梱のシンボルフォントをCSS3の@font-faceによって再現しているのが特徴です。


パッケージ内容はCSSファイルとWebフォントが4種類、使い方はCSSとフォントを適当な場所に設置して下のようにマークアップすればいいようです。

(詳しくは同梱されているサンプルを参照のこと)

<button class='zocial facebook'>
    <span>Button label here</span>
</button>

色なども最初から個別に定義されているのでクラス名に“facebook”とか“twitter”と指定するだけ。なにより、アイコンがベクターなので縮小拡大で品質が左右されないところが嬉しいところです。