Efekt shake po najechaniu myszką na logo

Szukam  Założony przez  Rydzus666.

20.10.2016, 16:43 (Ten post był ostatnio modyfikowany: 20.10.2016, 16:45 przez Łukasz.)
#1
Witam chciałbym dodać aby logo forum po najechaniu myszką się trzęsło... Za wszelką pomoc bardzo dziękuje :)
Łukasz napisał 20.10.2016, 16:44:
Zły dział. Na przyszłość staraj się pisać tematy w odpowiednich działach ;)
Jak szybko otrzymać pomoc?
20.10.2016, 16:45
#2
https://css-tricks.com/snippets/css/shak...animation/

Więcej o tym: http://www.w3schools.com/cssref/css3_pr_...frames.asp
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.
20.10.2016, 16:47
#3
.face:hover {
 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 perspective: 1000px;
}

@keyframes shake {
 10%, 90% {
   transform: translate3d(-1px, 0, 0);
 }
 
 20%, 80% {
   transform: translate3d(2px, 0, 0);
 }

 30%, 50%, 70% {
   transform: translate3d(-4px, 0, 0);
 }

 40%, 60% {
   transform: translate3d(4px, 0, 0);
 }
}

To mam wkleić do css ?? i co potem ?? :)
20.10.2016, 16:51
#4
Dodać klasę shake do twojego loga.

Użyj https://webboard.pl/watek-mybb-poradnik-...owej_45824 aby łatwo znaleźć twoje logo.
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.
20.10.2016, 16:52
#5
https://jsfiddle.net/nfhw9qs7/
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
20.10.2016, 17:01 (Ten post był ostatnio modyfikowany: 20.10.2016, 17:03 przez Łukasz.)
#6
Działa ! Dziękuję za pomoc
Łukasz napisał 20.10.2016, 17:03:
Pamiętaj aby oznaczać temat jako rozwiązany, wybierając najlepsze posty
Jak oznaczyć tematy jako rozwiązane?



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

1 gości