41 ejemplos de diseño de botones en HTML y CSS

lunes, septiembre 24, 2012
COMPARTE EL POST

41 ejemplos de diseño de botones en HTML y CSSEn un comienzo los botones sólo servían para el formulario de contacto, pero conforme avanzan las épocas se vio que los botones no eran exclusivos de formularios, sino que cualquier botón podría fácilmente reemplazar el uso de links en ciertas ocasiones. Ojo, los botones se diferencian de los links porque los botones tiene un fondo y espacio, y los links o enlaces aparecen con sólo el enlace y ya, aunque a nivel técnico un botón y un enlace pueden estar hechos con la etiqueta <a>.

En este post les presento 41 ejemplos de diseño de botones en HTML y CSS, botones con diferentes tamaños y colores, formas e intenciones, para que vean en acción lo que les decía, la diferencia entre un link y un botón, que para casos banales siguen siendo lo mismo.


shot 12874982161 50 Examples of Pixel Perfect Button Design

shot 12873591991 50 Examples of Pixel Perfect Button Design

shot 12841520671 50 Examples of Pixel Perfect Button Design

shot 12828162871 50 Examples of Pixel Perfect Button Design

shot 12816446031 50 Examples of Pixel Perfect Button Design

shot 12845153401 50 Examples of Pixel Perfect Button Design

shot 12835726651 50 Examples of Pixel Perfect Button Design

shot 12835283861 50 Examples of Pixel Perfect Button Design

shot 12828581911 50 Examples of Pixel Perfect Button Design

shot 12826825311 50 Examples of Pixel Perfect Button Design

shot 12825623091 50 Examples of Pixel Perfect Button Design

shot 12850610711 50 Examples of Pixel Perfect Button Design

shot 12850244041 50 Examples of Pixel Perfect Button Design

shot 12862349191 50 Examples of Pixel Perfect Button Design

shot 12860482571 50 Examples of Pixel Perfect Button Design

shot 12873348191 50 Examples of Pixel Perfect Button Design

shot 12871864321 50 Examples of Pixel Perfect Button Design

tumblr lajklvwSzq1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr lajit6dK241qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

shot 12845921191 50 Examples of Pixel Perfect Button Design

tumblr l8e7f1OpVa1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr l84z0wqb1W1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l7eioeuchx1qbv78mo1 5001 50 Examples of Pixel Perfect Button Design

tumblr l7lcsrVRHW1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr l5vb523RvM1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l4ag1dsidX1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr l4420zoYbC1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l0im9zFrw71qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l03l6xoeDm1qbv78mo1 5001 50 Examples of Pixel Perfect Button Design

tumblr l0im6oV2nX1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l03sk8mMrD1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr l3r3shh2pN1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr l34potMUdH1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l1ydw4ijKu1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr l2qizolUXZ1qbv78mo1 5001 50 Examples of Pixel Perfect Button Design

tumblr l2zrkfyb7V1qbv78mo1 4001 50 Examples of Pixel Perfect Button Design

tumblr l3hv0cdful1qbv78mo1 5001 50 Examples of Pixel Perfect Button Design

tumblr l6n8y55kYd1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l68q4mAj1q1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

tumblr l8hwt6nWQY1qbv78mo1 2501 50 Examples of Pixel Perfect Button Design

shot 12875135471 50 Examples of Pixel Perfect Button Design

Vía  inspirationfeed

¡Síguenos en Twitter!


Deja tu comentario