It took some time in order to realize how it was made, viagra but I think it was worth it in the end! The link will be shown on every post and page in order to make it easier to share. If you want to know more about how it was created, .
But, now for the acutal creation of the button!
The basic structure of the button is as follows:
<a class="ctrl" rel="nofollow" title="Share!" tabindex="99">Link</a>
<a href="" title="Share on Facebook" rel="nofollow">Entry</a>
<a href="" title="Share on Twitter" rel="nofollow">Entry</a>
After this initial declaration, the rest is CSS-styling. I would recommend that you check out the full Stack Overflow-post, as this goes a long way in explaining it thuroughly. The main thing to remember, is that web pages cannot really handle complex shapes very well, so the bent circles are constructued by using a border radius and skewing different boxes.
Hopefully, these kind of hack will go away in the future, and a proper support for shapes will be provided to developers!