Ver Mensaje Individual
  #5 (permalink)  
Antiguo 03/11/2014, 00:36
juangemelo01
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años, 9 meses
Puntos: 17
Respuesta: Problema con una animación en CSS3

Cita:
Iniciado por uSources Ver Mensaje
Código HTML:
#player:hover{
-moz-animation:10s rotation infinite;
-webkit-animation:10s rotation infinite;

}
@-moz-keyframes rotation {
  100% {
   -moz-transform:rotate(360deg)-;
  }

}

ya observaste el '-' que tienes antes de ';' en el moz-transform que prácticamente esta de mas

revisa esta animación que hice de ejemplo, tal vez te sirva
http://codepen.io/elestudiantefantasma/pen/ezcto

PD: animation-timing-function: linear; con eso, no deberias tener ese problema que mencionas, asegurate de dejarlo asi y con sus prefijos