Joaquin, me gustaría saber si tienes skype, si es posible para agregarte.
Toma te he hecho ésto, sin JavaScript, puro HTLM5 y CSS3:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Rotador</title>
<meta charset="utf-8" />
<meta name="author" content="Jordi Hoock Castro" />
<meta name="Twitter" content="JWHC_" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<style>
* { padding: 0px; margin: 0px}
#box1
{
width: 100px;
height: 100px;
border: 1px solid blue;
margin-left: 45%;
margin-top: 10%;
-webkit-animation:rotador 1s infinite;
}
@-webkit-keyframes rotador
{
0% { -webkit-transform:rotate(0deg);}
10% { -transform:rotate(10deg); }
20% {-webkit-transform:rotate(20deg); }
30% {-webkit-transform:rotate(30deg);}
40% {-webkit-transform:rotate(40deg); }
50% { -webkit-transform:rotate(50deg); }
60% {-webkit-transform:rotate(60deg); }
70% {-webkit-transform:rotate(70deg);}
80% { -webkit-transform:rotate(80deg);}
90% { -webkit-transform:rotate(90deg);}
100% { -webkit-transform:rotate(100deg);}
}
</style>
</head>
<body>
<div id="box1"></div>
</body>
</html>
Fuente: Yo, 10 minutos de elaboración.
Va en chrome solo por que le he indicado -webkit-, si quieres hacerlo para todos añade simplemente los prefijos, o utiliza Prefixfree. Va un poco lagg, pero no es por nada, si te fijas en el keyframe rotador, voy de 0 a 100 con un paso de 10 (diez en diez), para que vaya fluido deberías hacer del 0-100 todo, y indicando al rotate también 0 a 100.
Saludos, espero que te sirva.
Mi skype, por si les interesa: redigaffix .
PD: Se que va en contra dar códigos hechos en PHPEROS, por la filosofía del aprendizaje, me encanta y tal, pero como me expreso muy mal te he dado el código a 50% para que le hagas lo que le falte.
