Cargando

Ir a contenido

X

Cambiar fondo con efecto fade por CSS





  AUTOR PREGUNTA

Publicado 20 julio 2014 - 16:42
¿Cómo puedo lograr que el fondo de mi sitio cambie con un efecto de tipo fade al pasar el puntero del ratón sobre un elemento de tipo span con CSS3?
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 20 julio 2014 - 17:20
Utiliza los transition.

 

Publicado 20 julio 2014 - 17:21
Para ello tienes los transition, puedes utilizarlos para darle el efecto que quieres, te dejo un ejemplo:

span {
background: url(button.png) no-repeat 0 0;
}
a {
width: 32px;
height: 32px;
text-align: left;
background: rgb(255,255,255);

-webkit-transition: background 300ms ease-in 200ms;
-moz-transition: background 300ms ease-in 200ms;
-o-transition: background 300ms ease-in 200ms;
transition: background 300ms ease-in 200ms;
}
a:hover {
background: rgba(255,255,255,0);
}


   AUTOR PREGUNTA

Publicado 21 julio 2014 - 00:56
Gracias George, me sirvió mucho tu código


X