Podwójna rotacja

Zrobiłem arkusz .css w celu nałożenia efektu rotacji na logo - wszystko dobrze, ale czy da się zrobić ją podwójnie?
W celu uzyskanie tej rotacji użyłem; 

transform: rotate(6deg);

Zastąp zawartość animacja.css tym kodem:

@keyframes animated_logo
{
0% { transform:rotate(0); }
100% { transform:rotate(720deg); }
}

.hvr-rotate:hover {animation:animated_logo 1s linear}