Flat social compartir botones en CSS puro

Vista prévia

Descripción

Una biblioteca CSS ligera que se utiliza para crear botones sociales de estilo plano sin ninguna imagen.

Social icons supported:

• VK (Vkontakte)
• Facebook
• Twitter
• Linkedin
• Google Plus
• ¡Yahoo!
• Pinterest
• Reddit
• Tumblr
• Livejournal
• Myspace
• Mail.ru
• Vale. RU (Odnoklassniki)
• RSS feed

Funcionamiento

Descargue e incluya el CSS-Only-share-Buttons. min. CSS en la página HTML como sigue:

<link rel="stylesheet" href="css-only-share-buttons.min.css">

Agregue los siguientes botones de acciones sociales a la página web según su necesidad.

<a href="#" class="css-only-share vk" title="Share on VK"><span>B</span></a>
<a href="#" class="css-only-share facebook" title="Share on Facebook"><span>f</span></a>
<a href="#" class="css-only-share twitter" title="Share on Twitter"><span>t</span></a>
<a href="#" class="css-only-share linkedin" title="Share on Linkedin"><span>in</span></a>
<a href="#" class="css-only-share gplus" title="Share on Google+"><span>g+</span></a>
<a href="#" class="css-only-share yahoo" title="Share on ¡Yahoo!"><span>Y!</span></a>
<a href="#" class="css-only-share pinterest" title="Share on Pinterest"><span>p</span></a>
<a href="#" class="css-only-share reddit" title="Share on Reddit"><span>R</span></a>
<a href="#" class="css-only-share tumblr" title="Share on Tumblr"><span>t</span></a>
<a href="#" class="css-only-share livejournal" title="Share on Livejournal"><span>L</span></a>
<a href="#" class="css-only-share myspace" title="Share on Myspace"><span>my</span></a>
<a href="#" class="css-only-share mailru" title="Share on Mail.ru"><span>@</span></a>
<a href="#" class="css-only-share okru" title="Share on OK.Ru"><span>OK</span></a>
<a href="#" class="css-only-share rss" title="RSS feed"><span>RSS</span></a>