CSS3 Animation mit transition bei :hover

wenn wir den Stern, den ich gestern erstellt hatte (ein Stern mit-transformrotate) bei Maus.Over (:hover) etwas animieren wollen, genügen wenige Anpassungen mit der Eigenschaft transition:

<div class="css3_Sternanim">
<div class="css3_quadrat1"></div>
<div class="css3_quadrat2"></div>
</div>
.css3_Sternanim {
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.css3_Sternanim:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

Fährt man nun mit der Maus über den Bereich des <div> beginnt der Stern sich für eine Sekunde um 360 Grad zu drehen.