Szukam Trzęsące się logo

wersja skryptu MyBB: 1.8
adres forum: mroczna-dolina.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Otóż chciałbym dodać sobie taką opcję, że jak najedziesz myszką na logo forum to one się zatrzęsie. Jak by taki efekt uzyskać ?

http://www.cssreset.com/css3-webkit-anim...ake-links/

A mógł byś mi wytłumaczyć krok po kroku bo z tego nic nie rozumiem

W szablonie header (nagłówek) odszukaj kodu odpowiedzialnego za wyświetlanie loga (<img>) i dopisz do niego

class="shake"

Teraz przejdź do global.css (przykładowo) i na koniec dodaj:

@-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.shake {
    display:inline-block
} 


Okej wszystko działa dziękuje reputacje dam jutro bo skończyłem dzienny limit ;3