• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Animacja CSS źle działa

0 głosów
312 wizyt
pytanie zadane 1 lutego 2017 w HTML i CSS przez Paweł Kieryk Początkujący (450 p.)

Witam. 

Chciałem animować strzałkę, aby odbijała się - efekt bounce, lecz wychodzi mi zupełnie coś innego. Zachowuje się jakby się pomniejszała. 

Strona - sekcja header - strzałka w dół

Kod http://codepen.io/dodozhang21/pen/siKtp/

Przepisałem 1:1, a u mnie animacja zachowuje się dziwnie.

Pomożecie?

3 odpowiedzi

0 głosów
odpowiedź 1 lutego 2017 przez ShiroUmizake Nałogowiec (46,300 p.)
A ma kolega zainstalowanego compassa? :p
0 głosów
odpowiedź 1 lutego 2017 przez Pietrak Pasjonat (18,850 p.)
Jeżeli chodzi o animacje znacznika "header .header-bg i" to zrobiłeś to źle, bo zmieniłeś tylko wartość top. Da się to zrobić jedynie przez keyframes. Możesz użyć gotowca z http://l-lin.github.io/font-awesome-animation/. Tylko nie ładuj wszystkich animacji ;(
0 głosów
odpowiedź 1 lutego 2017 przez pablop76 VIP (123,580 p.)

Witam. Prosty generator animacji. Animacje css

Żeby się powtarzała trzeba jeszcze dodać

animation-iteration-count:infinite;

Podobne pytania

+1 głos
0 odpowiedzi 242 wizyt
pytanie zadane 13 kwietnia 2017 w HTML i CSS przez ChrisG Nowicjusz (130 p.)
0 głosów
2 odpowiedzi 562 wizyt
pytanie zadane 19 marca 2021 w HTML i CSS przez Trekeren Początkujący (370 p.)
+1 głos
2 odpowiedzi 658 wizyt
pytanie zadane 16 marca 2021 w HTML i CSS przez Trekeren Początkujący (370 p.)

93,604 zapytań

142,529 odpowiedzi

322,997 komentarzy

63,092 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...