que el boton se unda

[polarubi]

Iniciado por Alvaro_Franz

Es una idea lógica lo que dices, pero el problema es que aquí se ha planteado el efecto "hundimiento" con un cambio en el estilo de borde. Si le quitamos el borde, desaparecerá por completo el estilo, y estamos en las mismas.

Puedes hacerlo de la siguiente manera.

Crea una imagen con el ancho del botón y con el alto doble, de modo que quepan DOS botones justos...

Luego, en el CSS quita las propiedades de borde y ponle unas de background a tu botón.

En la que tenía efecto activo, desplázale el fondo hacia arriba, para que se vea la segunda imagen...

Así:


.InputBotonNormal {
font-family: Arial Black, Arial;
font-weight: 900;
text-align: center;
width: 240px;
BACKGROUND-IMAGE:url('BOTON');
BACKGROUND-POSITION:0px 0px;
}

.InputBotonClick {
font-family: Arial Black, Arial;
font-weight: 900;
BACKGROUND-IMAGE:url('BOTON');
BACKGROUND-POSITION:0px MITAD DE ALTOpx;
width: 240px;
}

.InputBotonOver {
font-family: Arial Black, Arial;
font-weight: 900;
BACKGROUND-IMAGE:url('BOTON');
BACKGROUND-POSITION:0px MITAD DE ALTOpx;
text-align: center;
background-color: #00FF00;
width: 240px;
}

Te lo dejo ahí para que investigues. Un saludo.

ok muchas gracias lo investigare =)