Les dejo el código para que entiendan:
Código:
El tema es el siguiente, tal como esta el codigo, me funciona en el chrome y en el opera, pero no en el mozilla. Para que funcione en el mozilla, tengo que quitar:.imgtop{ overflow: hidden; margin: 4.5em auto 0 auto; padding: 0 1.9em 0 1.9em; -webkit-animation: gira 3s alternate infinite; -moz-animation: gira 3s alternate infinite; animation :gira 3s alternate infinite; height: auto; max-width: 100%; } @-webkit-keyframes gira { 0% {top: 0px; left: 0px;-webkit-transform: rotate(0deg);} 50% {top: 0px; left: 0px; -webkit-transform: rotate(180deg);} 100% {top: 0px; left:0px; -webkit-transform: rotate(360deg);} } @-moz-keyframes gira { 0% {top: 0px; left: 0px;-moz-transform: rotate(0deg);} 50% {top: 0px; left: 0px; -moz-transform: rotate(180deg);} 100% {top: 0px; left:0px; -moz-transform: rotate(360deg);} } @keyframes gira { 0% {top: 0px; left: 0px;-o-transform: rotate(0deg);} 50% {top: 0px; left: 0px; -o-transform: rotate(180deg);} 100% {top: 0px; left:0px; -o-transform: rotate(360deg);} }
Código:
Pero al quitar eso, no funciona ya en el opera, así que mi problema radica, en como hacer para que funcione en ambos sin conflictos.@keyframes gira { 0% {top: 0px; left: 0px;-o-transform: rotate(0deg);} 50% {top: 0px; left: 0px; -o-transform: rotate(180deg);} 100% {top: 0px; left:0px; -o-transform: rotate(360deg);} }
Espero me puedan ayudar, porque no le encuentro la vuelta. Desde ya muchas gracias por tomarse el tiempo en leer y responder. Saludos!