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

play_circle_outline Este es el nuevo trailer de Spider-Man: Homecoming

Una agradable sorpresa para aquellos fanáticos del universo de Marvel y sobre todo para los seguidores del universo de las pelicular de los Vengadores; pues el día de hoy se dio a conocer el nuevo adelanto…

close

Estos son los primeros ganadores del Sony World Photography Awards 2017

El día de hoy se dieron a conocer algunos de los ganadores del Sony World Photography Awards 2017; estos ganadores pertenecen a las categorías Open y National; por lo que aún restan los ganadores de…

close

Mockups gratis para presentar publicidad exterior

Les comparto una selección de útiles mockups gratuitos perfectos para presentar diseños de publicidad exterior, todos los mockups son de diferentes formatos para algunos de los medios de publicidad exterior más populares que puedes ver en…

close

Mira esta colección de logotipos animados para tu inspiración

Los logotipos son fuentes de inspiración únicas; esto debido a que para su realización se utiliza una gran gama de técnicas y estilos; las cuales son apreciables para los ojos entrenados que andan en busca…

close

WhatsApp da a conocer detalles sobre su actualización para borrar mensajes

WhatsApp ha dado a conocer nuevos detalles sobre su nueva y esperada actualización; la cual, incorpora una característica que muchos están esperando… la posibilidad de eliminar mensajes antes de que sean leídos por el destinatario….

close

Genial diseño de packaging sustentable y minimalista para bombillas eléctricas

Este genial diseño de Packaging creado por un estudiante del Instituto de Diseño Unitedworld en la India; cabe señalar que este diseño fue creado como parte de una tarea escolar; la cual señalaba un problema a…

notifications Recién publicamos
close