Efecto en boton, cambiar color de fuente

[Viturbiko]

Buenas, estoy intentando hacer lo siguiente (yo creo que viendo el link queda muy claro):

http://jsfiddle.net/97r98cbL/

Quiero que el texto pase a ser blanco, pero se queda por encima el color azul... Como podéis ver, he probado varios z-index y poner white por todos lados, pero no he conseguido que resulte...

¿Alguna idea?

Gracias y un saludo.

[xfxstudios]

lo que pasa es que estas colocando un content vacio, revisa nuevamente ahora solo queda centrarlo verticalmente

[Viturbiko]

Supongo que te refieres a que incluya en el content la palabra "Enviar", pero entonces la palabra aparece desde la izquierda, y lo que yo quiero es que este siempre centrada, pero no se muy bien como centrar ese content... ¿puedes ayudarme?

Gracias de nuevo y un saludo

[AngelKrak]

solamente como dices incluye enviar en content y centralo con line height y listo ;)

http://jsfiddle.net/97r98cbL/6/

[Viturbiko]

A ver, yo lo que quiero es algo parecido a esto:

http://jsfiddle.net/rzdLnadr/

Es decir, la palabra Enviar no se mueve en ningun momento, pero además quiero que al pasar el raton por encima y moverse el before hacia la derecha, que cambie el fondo y el color de la fuente.

Espero haberme explicado. Gracias y un saludo.

[AngelKrak]

algo asi amigo? lo unico que habia que hacer era ponerle rgba para la transparencia >_<

http://jsfiddle.net/97r98cbL/9/

[Viturbiko]

Sería eso, pero haciendo que la palabra Enviar cambie de negro a blanco al pasar el raton por encima ;)

Muchas gracias por tu ayuda, un saludo.

[xfxstudios]

mano porque tanto dolor de cabeza, porque el before o el after no te va a servir como lo quieres, prueba con una imagen de fondo es lo mas facil de hacer:

aqui el resultado, claro si es lo quie necesitas:

http://jsfiddle.net/aL23dgxd/

[Viturbiko]

Jajaja pues el dolor de cabeza es porque no soy un experto, para eso vengo aquí a preguntar. Es justo lo que quería, muchísimas gracias.

[xfxstudios]

jajajaja saludos, recuerda que la imagen debe tener el dobre la tamaño en ancho del boton y el alto del mismo, con los 2 colores, el de fondo inicial y el de fondo del hover

[Viturbiko]

Por curiosidad, si se esta intentando hacer un diseño responsive ¿la imagen seguiría valiendo si se reduce el tamaño de la pantalla, y por lo tanto el tamaño del botón cambia?

Gracias por tu ayuda