Hola, te comento. En ningun explorador puedo ver el efecto de animación. Se supone que si es CSS3 la acción esta puesta en el estilo. De hecho se supone le puse el código para que se pueda ver bien en los diferentes exploradores
#header#menu:hover
{
cursor: pointer;
transform: scale(1.2) rotate(365deg);
-webkit-transform: scale(1.2) rotate(365deg);
-moz-border-transform: scale(1.2) rotate(365deg);
-o-border-transform: scale(1.2) rotate(365deg);
-ms-border-transform: scale(1.2) rotate(365deg);
transition: transform 1s linear;
-webkit-transition: -webkit-transform 1s linear;
-moz-border-transition: -webkit-transform 1s linear;
-o-border-transition: -webkit-transform 1s linear;
-ms-border-transition: -webkit-transform 1s linear;
}
Envio tambien como esta el código en el html en la parte del header.
<header>
<div class="menu"><a href="quienessomos.html"><img src="g/quienesosmosbot.png" width="136" height="31" border="0"></a><a href="cursos.html"><img src="g/cursosbot.png" width="77" height="31" border="0"></a><a href="instalaciones.html"><img src="g/instalacionesbot.png" width="135" height="31" border="0"></a><a href="docentes.html"><img src="g/docentes.png" width="102" height="31" border="0"></a><a href="galeria.html"><img src="g/galeria.png" width="81" height="31" border="0"></a><a href="descargas.html"><img src="g/descargas.png" width="105" height="31" border="0"></a><a href="videos.html"><img src="g/videos.png" width="78" height="31" border="0"></a><a href="productos.html"><img src="g/productos.png" width="104" height="31" border="0"></a><a href="links.html"><img src="g/links.png" width="64" height="27" border="0"></a></div>
</header>
Si alguien sabe que esta puesto mal lo agradeceria mucho.
Gracias