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:

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.