Transform en Google Chrome

[WorldFox]

Saludos, el siguiente códido:

Código PHP:

  .circle 
{ 
transition: all 1.5s ease; 
-moz-transition: all 1.5s ease; 
-o-transition: all 1.5s ease; 
} 
 
.circle:hover 
{ 
transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
}  
   

No funciona en Google Chrome, bueno, funciona pero con error.
Al pasar el mouse en Opera y Mozilla me funciona, en IE 8 no, pero en Google Chrome al pasar el mouse me desaparece el tiempo que dura la transición.
¿Cómo hago para que funcione en Google Chrome?

Saludos.

[kseso?]

Se fijó en dónde declara la transición? Igualmente para la duración, que no recuerdo si ya es soportada por chrome sin prefijo privativo.

Juegue un poco con css.
Aplique las propiedades primero al div.
Después al :hover sobre el div.
Y para terminar, declare valores diferentes a uno y otro simultáneamente (div y div:hover). Intercámbielas.

Llegará a interesantes conclusiones y podrá hacer cosas diferentes con los mismos códigos en funciòn de cuándo* los declare.

*estamos hablando de la pseudoclase, que es un estado temporal.

[WorldFox]

Iniciado por kseso?

Se fijó en dónde declara la transición?

Juegue un poco con css.
Aplique las propiedades primero al div.
Después al :hover sobre el div.
Y para terminar, declare valores diferentes a uno y otro simultáneamente (div y div:hover). Intercámbielas.

Llegará a interesantes conclusiones y podrá hacer cosas diferentes con los mismos códigos en funciòn de cuándo* los declare.

*estamos hablando de la pseudoclase, que es un estado temporal.

Ok, gracias ya me funcionó simplemente poniendo div.circle.

Saludos.