Zocial Demo | CSS3 Button Set

Zocial Buttons

Github

Idea

Create beautiful social buttons using CSS, rendering popular social icons as a font, and with minimal extra markup.

Benefits

• No raster images (jpeg, png) so buttons always look sharp at any size and screen resolution.
• Easily customize the size and call to action of the buttons.
• Easily localize button text to other languages.

Usage

1. Required: Add a class of zocial and a class for the brand of button, e.g. facebook
2. Optional: Add a class of icon to display as icon instead of button
3. Optional: Change font size of the element to resize button

Example:

<a class="zocial facebook">Sign in with Facebook</a>

Under MIT License. Zocial on Github.