Social Share Buttons Without Images Using Only CSS

CSS Only Share Buttons is a lightweight CSS3 library used to create flat-style social share buttons without any images.

social media share buttons, free social share plugin, social share plugin for website, custom social share buttons, simple social buttons

Features

• No images (css-only)
• Buttons size 38×37 px
• Used suitable web-safe fonts
• Cross browser work
• 6 KB minified

Socials list

• VK
• Facebook
• Twitter
• LinkedIn
• Google Plus
• Yahoo!
• Pinterest
• Reddit
• Tumblr
• LiveJournal
• MySpace
• Mail.Ru
• OK.Ru
• RSS feed

A Lightweight, Elegant and Ethical Popular Social Share Buttons | shareon

How to make use of it:

Download and embed the CSS-only-share-keys.min.css into the HTML page.

<link rel="stylesheet" href="css-only-share-buttons.min.css">

Add the following social share buttons to the webpage.

<a href="#" class="css-only-share vk" title="Share on VK"><span>B</span></a>
<a href="#" class="css-only-share facebook" title="Share on Facebook"><span>f</span></a>
<a href="#" class="css-only-share twitter" title="Share on Twitter"><span>t</span></a>
<a href="#" class="css-only-share linkedin" title="Share on LinkedIn"><span>in</span></a>
<a href="#" class="css-only-share gplus" title="Share on Google+"><span>g+</span></a>
<a href="#" class="css-only-share yahoo" title="Share on Yahoo!"><span>Y!</span></a>
<a href="#" class="css-only-share pinterest" title="Share on Pinterest"><span>p</span></a>
<a href="#" class="css-only-share reddit" title="Share on Reddit"><span>R</span></a>
<a href="#" class="css-only-share tumblr" title="Share on Tumblr"><span>t</span></a>
<a href="#" class="css-only-share livejournal" title="Share on LiveJournal"><span>L</span></a>
<a href="#" class="css-only-share myspace" title="Share on MySpace"><span>my</span></a>
<a href="#" class="css-only-share mailru" title="Share on Mail.Ru"><span>@</span></a>
<a href="#" class="css-only-share okru" title="Share on OK.Ru"><span>OK</span></a>
<a href="#" class="css-only-share rss" title="RSS feed"><span>RSS</span></a>

Flat Social Share Buttons Plugin/Github

See Demo And Download

Official Website(khasky): Click Here

This superior jQuery/javascript plugin is developed by khasky. For extra Advanced Usages, please go to the official website.