Zocial Button Set: lPaquete para crear botones CSS3

Excelente paquete de iconos CSS3, es un proyecto llamado social el cual mediante un set de imagenes y con la ayuda de CSS3 nos permite crear multiples diseños de botones CSS3 en diferentes estilos, es un metodo bastante sencillo y muy bien implementado, de este modo un set de 72 iconos de servicios web se multiplica  a varios cientos de botones CSS3.

En las imagenes que acompaña el post pueden ver algunas aplicaciones que se pueden conseguir, al final del post el enlace para descargar el paquete de iconos gratis completo.

Características

  • Vectores vectoriales
  • Incluye fuentes y utiliza @font-face
  • 72 iconos de diferentes servicios web
  • Soporte para aplicación como iconos o como botones
  • Escalables utilizando unidades EM
  • Soporte Cross-Browsing

Código CSS3: Como utilizarlos

  • Debes incluir en la cabecera Head el archivo “zocial.css”
  • El código HTML por ejemplo para un boton de Facebook es:
<button class="zocial facebook">Sign in with Facebook</button>
  • También puedes utilizar etiquetas: DIV o A, en vez de BUTTON
  • Si deseas utilizar los iconos puedes utilizarlos de esta manera:
<a class="zocial youtube icon">YouTube</a>

Enlace: DescargarSmashing Magazine

comment ¿Que opinas?

Artículos recientes

close

Icons of Times, exposición fotográfica del tsunami que azotó japón en 2011

Tomohiro Muda es el responsable y creador de esta exposición fotografica que busca rememorar el desastre natural originado por un tsunami en las costas de Japón el pasado año 2011. En esta exposición fotográfica nos…

close

YouTube Sans, la tipografía oficial de la marca YouTube

Tipografía oficial de la marca YouTube – YouTube Sans YouTube y Google siempre están buscando como renovar sus marcas con nuevos diseños que representen su originalidad; razón por la cual han trabajado con la empresa…

close

Surrealistas obras de arte inspiradas en pesadillas por Zdzis?aw Beksi?ski

El día de hoy hemos decidido empezar la semana con un poco de arte; y que mejor forma de empezar con uno que represente exactamente como nos sentimos por el inicio de la semana. Es…

close

Campaña gráfica para crear conciencia en favor de los animales en peligro de extinción

Esta campaña realizada por Andrew Rice para la asociación African Conservation Foundation; nos muestra a algunos de los animales en peligro de extinción que son victimas de la Caza furtiva. Cabe señalar, que año con año miles de…

close

Tendencias en el diseños de logos inspiradas en marcas famosas y sus diseños

El día de hoy quiero compartir con ustedes una infografía realizada por el sitio web LogoMaker; esta infografía nos muestra como algunas marcas famosas han aplicado las tendencias minimalistas en el diseño para re-definir su…

close

Typocalypse, ilustraciones animadas inspiradas en el discurso de odio de Trump

El presidente de estados Estados unidos es tendencia con respecto a diversos temas; no obstante, igual puede ser fuente de inspiración para todos los creativos amantes de la tipografía. Así lo demuestra el diseñador Carlos…

notifications Recién publicamos
close