Pages Menu
Categories Menu

Posted on 18 Jul, in Code, CSS, HTML & XHTML, JavaScript | 0 comments

Botones escalables con CSS utilizando PNG y Colores de Fondo

Botones escalables con CSS utilizando PNG y Colores de Fondo

Interesante técnica para realizar botones escalables con CSS utilizando PNG y colores de fondo. Entre las características que ofrece esta técnica están:

  • Escalabilidad total en todas las direcciones
  • El uso de una sola imagen para el botón sin sobreponerla
  • La posibilidad de cambiar el color de fondo y el del hover
  • Código HTML muy limpio
  • Código JavaScript unobstrusivo para alterar el DOM
  • Utilización de CSS para estilizarlo
  • Posibilidad de aplicar a enlaces y botones de formularios
  • Degradabilidad completa para navegadores que sin imágenes o JavaScript

Puedes ver un demo aquí.

[vía CSS Vault]