CSS: Social share buttons

I designed social share buttons for Twitter, Facebook and Google Plus, all these buttons are written in pure CSS and part of a project I have been working on.

It’s clean and simple, you can add them to your website, it’s hosted on my CDN.

The CDN is not longer available 

Markup of square buttons.

Markup for curved buttons.

Jade users can use it too:

The CDN is not longer available 


a.one.twitter.square(href="#") Twitter  
a.one.facebook.square(href="#") Facebook  
a.one.google-plus.square(href="#") Google +  


a.one.twitter.curved(href="#") Twitter  
a.one.facebook.curved(href="#") Facebook  
a.one.google-plus.curved(href="#") Google +  

Have a question? leave a comment below

Author: Darryl

I am a self-taught programmer and CG Artist, I write on programming and 3D Animation, tips, and tricks and my experience with things, sometimes I write content on demand if the topic interests me. I love sharing knowledge,

Leave a Reply