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
“`

Square:

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

Curved:

“`
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

Published by Darryl

A visual effects artist and compositor, self learner, Linux enthusiast and Programmer and can write in Python and Rust. Contributor to open source projects.