Código de CSS - Como cambiar el fondo, la imagen y el color del texto al pasar por encima de un div

Val: 560

Como cambiar el fondo, la imagen y el color del texto al pasar por encima de un div

Publicado el 11 de Septiembre del 2013 por Xavi (548 códigos)

25.402 visualizaciones desde el 11 de Septiembre del 2013

Ejemplo que muestra como cambiar una imagen, el color del fondo y el color del texto al pasar el ratón por encima de un div.

Publicado el 11 de Septiembre del 2013

25.403 visualizaciones desde el 11 de Septiembre del 2013

Puedes ver un ejemplo aquí

<!DOCTYPE html>

<html lang="es">

<head>

	<!--http://www.lawebdelprogramador.com-->

	<meta charset="utf-8">

	<style>

	H1 {padding:20px;}

	#cabecera {

		background-color:#929cbf;

		background-image:url('http://www.lawebdelprogramador.com/img/logo-lwp.png');

		background-repeat:no-repeat;

		background-position:20px 20px;

		padding-top:100px;

	#cabecera:hover{

		background-color:#ccc;

		background-image:url('http://www.lawebdelprogramador.com/img/logolwp100x25.png');

		color:#929cbf;

	</style>

</head>

<body>

<div id="cabecera">

	<h1>Como cambiar el fondo, la imagen y el color del texto al pasar por encima de un div</h1>

</div>

</body>

</html>

manuel

16 de Junio del 2015

como hago para que sea desplegable con transition cuando paso el mouse en un div y se despliegue otro div

Responder

http://lwp-l.com/s2482

Mostrar y ocultar un elemento utilizando el evento hover de CSS

Como crear una viñeta o bocadillo con css