Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. HTML & CSS

Crea prácticos botones CSS3

by
Difficulty:IntermediateLength:ShortLanguages:

Spanish (Español) translation by lás (you can also view the original English article)

Lo que antes requería imágenes e iconos ahora se puede crear con CSS. Debido a que los navegadores modernos tienen acceso a elementos como sombras, degradados, esquinas redondeadas, sombras de texto y fuentes, finalmente podemos aprovechar esto y eliminar cualquier necesidad de imágenes al crear elementos visuales como botones.


Screencast completo

 

Código final


Conclusión


La verdad es que sería mejor usar una imagen para el ícono de Twitter. ¡Pero el objetivo era lograr este efecto con CSS! ¿Qué piensas?

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.