Did you see CSS3 Mask Watch?

Overview:

To list social accounts or share any page with 46 icons.

点击按钮开始分享:

我要分享

选中下面红色的文字就会出现分享按钮:

Hi! I'm text and I'm here to be selected.

Options for socialProfiles:

Usage for socialProfiles:

Place in your head section

<link rel="stylesheet" href="assets/stylesheets/arthref.css">

Write before closing body tag

<script src="assets/javascripts/socialProfiles.js"></script>

$('.selectorClass').socialProfiles({
email: 'example@example.com',
behance: 'gokhun'
facebook: 'tolgaergin',
twitter: 'tolgaergin',
pinterest: 'tolga',
dribbble: 'bbb',
scoutzie: 'gokhun-guneyhan'
});

socialShare 可选参数:

Usage for socialShare:

Place in your head section

<link rel="stylesheet" href="assets/stylesheets/arthref.css">

Write before closing body tag

<script src="assets/javascripts/socialShare.js"></script>

$('.selectorClass').socialShare({
social: 'blogger,delicious,digg,facebook,friendfeed,google,
linkedin,myspace,pinterest,reddit,stumbleupon,
tumblr,twitter,windows,yahoo'
});