Skocz do zawartości

[Wersja 1.12.8] Logo Skrypt ?


OBHT
 Udostępnij

Rekomendowane odpowiedzi

Poszukiwana nazwa stylu / modyfikacji: Logo ruszające sie

Screen stylu / modyfikacji: Jak tu http://cs-prosiak.pl/

Informacje na temat stylu / modyfikacji: brak

Czy ktos pomoże w tym temacie https://www.pecetowicz.pl/wersja-1128-nie-ma-podpisu-w-poscie-a-w-profilu-widac-podpis-vt68269.htm Bo czekam juz sporo zrobiłem wszystko i dalej nic nie pomaga !

Odnośnik do komentarza
Udostępnij na innych stronach

Proszę:

.buzz {

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    display: inline-block;

    transform: translateZ(0px);

}

.buzz:hover, .buzz:focus, .buzz:active {

    animation-duration: 0.15s;

    animation-iteration-count: infinite;

    animation-name: buzz;

    animation-timing-function: linear;

}

@keyframes buzz-out {

10% {

    transform: translateX(3px) rotate(2deg);

}

20% {

    transform: translateX(-3px) rotate(-2deg);

}

30% {

    transform: translateX(3px) rotate(2deg);

}

40% {

    transform: translateX(-3px) rotate(-2deg);

}

50% {

    transform: translateX(2px) rotate(1deg);

}

60% {

    transform: translateX(-2px) rotate(-1deg);

}

70% {

    transform: translateX(2px) rotate(1deg);

}

80% {

    transform: translateX(-2px) rotate(-1deg);

}

90% {

    transform: translateX(1px) rotate(0deg);

}

100% {

    transform: translateX(-1px) rotate(0deg);

}

}

.buzz-out {

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    display: inline-block;

}

.buzz-out:hover, .buzz-out:focus, .buzz-out:active {

    animation-duration: 0.75s;

    animation-iteration-count: 1;

    animation-name: buzz-out;

    animation-timing-function: linear;

}

Odnośnik do komentarza
Udostępnij na innych stronach

.buzz-out {

   box-shadow: 0 0 1px rgba(0, 0, 0, 0);

   display: inline-block;

}

.buzz-out:hover, .buzz-out:focus, .buzz-out:active {

   animation-duration: 0.75s;

   animation-iteration-count: 1;

   animation-name: buzz-out;

   animation-timing-function: linear;

}

Wklejamy go gdzie kolwiek ?

Odnośnik do komentarza
Udostępnij na innych stronach

Dajesz to do .css, a wywołujesz razem z logiem

.buzz {

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    display: inline-block;

    transform: translateZ(0px);

}

.buzz:hover, .buzz:focus, .buzz:active {

    animation-duration: 0.15s;

    animation-iteration-count: infinite;

    animation-name: buzz;

    animation-timing-function: linear;

}

@keyframes buzz-out {

10% {

    transform: translateX(3px) rotate(2deg);

}

20% {

    transform: translateX(-3px) rotate(-2deg);

}

30% {

    transform: translateX(3px) rotate(2deg);

}

40% {

    transform: translateX(-3px) rotate(-2deg);

}

50% {

    transform: translateX(2px) rotate(1deg);

}

60% {

    transform: translateX(-2px) rotate(-1deg);

}

70% {

    transform: translateX(2px) rotate(1deg);

}

80% {

    transform: translateX(-2px) rotate(-1deg);

}

90% {

    transform: translateX(1px) rotate(0deg);

}

100% {

    transform: translateX(-1px) rotate(0deg);

}

}

.buzz-out {

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    display: inline-block;

}

.buzz-out:hover, .buzz-out:focus, .buzz-out:active {

    animation-duration: 0.75s;

    animation-iteration-count: 1;

    animation-name: buzz-out;

    animation-timing-function: linear;

}
a z logiem
[/code]

Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

×