Como colocar un bucle a una trasicion hecha en css?

[Rodvel]

Hola, tengo la siguiente transición hecha completamente en css, la transición es muy simple, pero tengo un pequeño problema y es que quiero que se reproduzca automaticamente en el momento que el usuario entre a la pagina web donde se encuentra la transición hecha con css.


.cuadro {
margin:0px auto;
background-color: #41937f;
color: #fff;
display: table-cell;
font-size: 20px;
line-height:1.5em;
height: 50px;
text-align: center;
padding: 10px;
vertical-align: middle;
width: 400px;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition:1s;
transition: 1s;
}
.cuadro:hover {
-webkit-transform: translate(11px, 28px);
-moz-transform: translate(11px, 28px);
-o-transform: translate(11px, 28px);
}

Gracias de antemano a los que me puedan ayudar

[WyLY]

Ya he aconsejado esto antes y casi me linchan, pero aquí te va:

Generar un document.ready con jquery y animar tu class.


Ejemplo:
http://www.w3schools.com/jquery/tryi...uery_animation

Información:
http://www.w3schools.com/jquery/jquery_effects.asp

Recuerda, estarías cargando una libreria sólo para realizar esta acción, si vas a hacer más cosas vale la pena.

Un abrazo.

[Rodvel]

Primero que todo, gracias, me han servido algunas cosas de los links que me recomendaste, pero necesito que se reproduzca apenas la pagina termine de cargarse, y pues no entendi muy bien los enlaces (soy un poco novoto en todo esto).

Gracias
Rodvel