Beautiful Sharer.js buttons with CSS3 only : DEMO 😻
A small extention for the plugin Sharer.js by Ellison Leão.
The package consists of a small sharer.min.css file (only 2.8 KB). Use this file alongside with Sharer.js to get 25+ beautiful share buttons to insert on your webpages.
- First you'll need to get Sharer.js installed on your page
- Then download/clone the sharer.min.css from this repo and link in your webpage's
<head>tag like this:
<link rel="stylesheet" type="text/css" href="path_to_file/sharer.min.css" />
Your final webpage should look something like this (I'll use rawgit.com in the example below. So, if you copy and paste the below code, it should work):
<!DOCTYPE html>
<html>
<head>
<title>
Sharer.css for sharer.js | Beautiful sharer.js Buttons
</title>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/arximughal/sharer.css/master/sharer.min.css" />
</head>
<body>
<button class="sharer button sharer-btn" data-sharer="twitter" data-title="Checkout Sharer.css!" data-hashtags="awesome, sharer.css" data-url="https://github.com/arximughal/sharer.css">Share on Twitter</button>
<script src="https://rawgit.com/ellisonleao/sharer.js/master/sharer.min.js"></script>
</body>
</html>