Necesito animar botones en HTML 5 en el estado de Hover

Hola tengo un Menú creado en HTML5 en el Header de mi html y quiero que se anime cuando paso el Mouse encima (Hover). En el estilo coloque la propiedad para que se anime pero no me funciona. Agradeceria alguien me ayude para saber que esta sucediendo.

Los botones estan dentro de un div llamado menu dentro del header de la página. Y en el estilo coloque el código así.

#header#menu:hover
{
cursor: pointer;

transform: scale(1.2) rotate(365deg);
-webkit-transform: scale(1.2) rotate(365deg);

transition: transform 1s linear;
-webkit-transition: -webkit-transform 1s linear;
}

Gracias, espero ayuda.
Editar/Borrar Mensaje

No debería ser así?

Código :

#menu { 
 -webkit-transition: all .3s ease; 
 -moz-transition: all .3s ease; 
 transition: all .3s ease;
 background: rgba(250, 250, 250 , 0.96);  
}

#menu:hover { 
 background: rgba(50, 50, 50 , 0.96); 
}

O sea, si señalas la transition en el hover no pasará nada...
Sí si vinculas los dos estados necesarios para que haya una
transición.

Mil gracias, me sirvió mucho tu ayuda!