Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak zrobić ruchowe logo

Założony przez  NEJF.

wersja skryptu MyBB: 1.8x
adres forum: nieznajomy.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciałby zrobić ruchome logo tak jak tu http://cs-boty.pl/index.php

(kiedy się najeżdża myszką na logo zaczyna się ruszać )
zbadaj element:
@-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;
}

dodaj klase shake dla twojego loga i powinno działać na webkitach. Aby dostosować do innych silników zamień -webkit- na -o-, -moz- lub usun calkiem. Kilka wersji.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
a nie ma jakiegoś kodu
(31.12.2015, 16:56)NEJF napisał(a): a nie ma jakiegoś kodu
A co on ci podał?
Kod wklejasz do global.css
A logo obejmujesz w klase shake
H1Z1Forum.PL - Polska społeczność graczy H1Z1



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

3 gości