Trzęsące się logo

Szukam  Założony przez  Khair.

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/
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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-transformtranslate(2px1pxrotate(0deg); }
    
10% { -webkit-transformtranslate(-1px, -2pxrotate(-1deg); }
    
20% { -webkit-transformtranslate(-3px0pxrotate(1deg); }
    
30% { -webkit-transformtranslate(0px2pxrotate(0deg); }
    
40% { -webkit-transformtranslate(1px, -1pxrotate(1deg); }
    
50% { -webkit-transformtranslate(-1px2pxrotate(-1deg); }
    
60% { -webkit-transformtranslate(-3px1pxrotate(0deg); }
    
70% { -webkit-transformtranslate(2px1pxrotate(-1deg); }
    
80% { -webkit-transformtranslate(-1px, -1pxrotate(1deg); }
    
90% { -webkit-transformtranslate(2px2pxrotate(0deg); }
    
100% { -webkit-transformtranslate(1px, -2pxrotate(-1deg); }
}
.
shake:hover,
.
shake:focus {
    -
webkit-animation-namespaceboots;
    -
webkit-animation-duration0.8s;
    -
webkit-transform-origin:5050%;
    -
webkit-animation-iteration-countinfinite;
    -
webkit-animation-timing-function: linear;
}
.
shake {
    
display:inline-block

Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Okej wszystko działa dziękuje :) reputacje dam jutro bo skończyłem dzienny limit ;3



Użytkownicy przeglądający ten wątek:

1 gości