BG Image Transition

Buenas!
La consulta que tengo es la siguiente
Quiero hacer que mi logo aparesca en blanco y negro (un png de bg) y el hover que se haga una transición linear de 1 segundo al PNG color que tengo.

Como tendria que hacerlo... porque no se bien como ponerlo en la transition.

Saludos!

Bueno, tienes que definir las 3 partes de una transición en la declaración: la propiedad que será "transicionada", la duración de la transición y cuán rápido sucede la transición a través del tiempo, en tu caso, la transición imagino que se hará sobre una imagen de fondo, y suponiendo que quieres una transición de medio segundo sería así:

Código :

transition- property:background;
transition-duration:0.5s;
transition-timing-function:linear;

Lo puedes abreviar de esta manera:

Código :

transition:background 0.5s linear;

Recuerda siempre poner los prefijos de todos los navegadores y luego al final de todo, la declaración lisa y llana,para asegurarte que se verá bien en todos:

Código :

-webkit-transition:
-moz-transition:
-o-transition:
transition:

ESpero que te sirva

me olvidaba: la transición la pones en el logo, no en el hover, así :

Código :

logo a{
background-image:logobyn.png;
transition:background 0.5s linear;
}
logo a:hover{
background-image:logo.png;
}

Kombul! otra vez yo, perdona, esto me pasa por apurada! lo cierto es que aún no se pueden hacer transiciones de imágenes. El cod que te pasé si te funcionará para transicionar el color de fondo, pero no podrás con el hacer una transición de una imagen de fondo a otra!
Dependiendo de como es el logo, supongamos que es cuadrado, tal vez lo puedas resolver agregando así mismo un color de fondo rgba por sobre el logo y modificando el alpha de ambos estados, de manera tal que puedas jugar con el apha...se entiende? quedaría como un fade in o fade out, pero no de blanco y negro a color...lamento no poder ayudarte exactamente con lo que necesitas, pero si tienes dudas con esto me dices saludos!

Mechi, muchisimas gracias por tu interés y por preocuparte por mi problema.
Sin embargo... Vi webs que hacen transiciones de imagen blanco y negro a color...

Capaz que lo hacen con el método que me dijiste de rgba...
Probaré, de todas formas muchisimas gracias!

Saludos
Guille.