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