Mam obraz, który ma te style:

<img src="images/head-tails.gif" class="graphs" />

.graphs {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    /* -webkit-animation:animated 5s infinite; */
    /* -moz-animation:animated 5s infinite; */
    /* -o-animation:animated 5s infinite; */
    /* animation:animated 5s infinite; */
}
.graphs:hover {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

Kiedy więc najeżdżam na obraz, obraca się on o 360 stopni, jak moneta. Chciałbym jednak powiedzieć, kiedy strona ładuje się, obraz wykona tę animację (obrót) w nieskończoność, bez konieczności zatrzymywania kursora nad myszą. Jak mogę to zrobić?