[Leire Martinez]

¿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?

[Cristian Moreno]

Utiliza los transition.

[George10]

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);
}

[Leire Martinez]

Gracias George, me sirvió mucho tu código