Botones con efectos especiales

Navegando, navegando...he encontrado este ejemplo de botones (además de otros detalles...)

El ejemplo original hace referencia a unas imágenes para los botones. Queda genial...

He pensado que el efecto sigue siendo bastante original sin ellos, aparte de la estética tan currada de los estilos definidos en el ejemplo.

Para conseguir el efecto de relleno de los botones se utiliza lo siguiente:

.button span {padding:6px 0 0;}

.button span span {padding:0 0 0 6px;}

.button span span span {padding:0 0 6px;}

.button span span span span {padding:3px 12px 3px 6px;}

El efecto total se ve con Firefox.

Si usáis Internet Explorer también se puede apreciar el efecto tan original de brillo sobre los botones cuando nos colocamos sobre ellos.

Además también se ha modificado en los estilos la apariencia de los links.

Original ¿Verdad?

Si quieres ver más detalles pincha aquí Creating bulletproof graphic link buttons with CSS.

Flota y shrinkwrap!
Vamos!
Un botón con demasiado texto