CSS 3 animace obrázku po načtení stránky

<div id="box">
<img src="http://www.ireceptar.cz/res/data/241/028834.jpg" class="animation" width=310 height=209">
</div>

#box { 
  position: fixed;
  top: 30%;
  left: 4%;
  width: 310px;
  line-height: 0px;
  text-align: center;
  background-color: transparent;
  overflow: visible;
}

.animation {
  -webkit-transition: all 200s ease-in-out;
  -moz-transition: all 200s ease-in-out;
  -o-transition: all 200s ease-in-out;
  -ms-transition: all 200s ease-in-out;
  transition: all 200s ease-in-out;
}

.animation:hover { 
  -webkit-transform: rotate(36000deg);
  -moz-transform: rotate(36000deg);
  -o-transform: rotate(36000deg);
  -ms-transform: rotate(36000deg);
  transform: rotate(36000deg);
}