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

Animacja CSS zmiana parametrów transform-origin:x,y w trakcie animacji.

+1 głos
39 wizyt
pytanie zadane 5 września w Sieci komputerowe, internet przez kubusiek1 Nowicjusz (130 p.)

Dzień Dobry.
Prowadzę stronę nauki jazdy
Potrzebuje zrobić animację: Obiekt musi poruszać się po "ósemce" (zadania motocyklem)

próba zmiany transform-origin:-400% 50%;..... na 51% animacji  działa ale przesuwa obiekt do puntu startowego. Próba przsunięcia z użyciem translateX powoduje cyrk.

0% {transform:rotate(0deg) translateX(0px); transform-origin:400% 50%; }
	
	50% {transform:rotate(-180deg) translateX(0px); transform-origin:400% 50%; }
	100% {transform:rotate(180deg) translateX(0px); transform-origin:400% 50%; }
	


 

1 odpowiedź

0 głosów
odpowiedź 5 września przez VBService VIP (136,750 p.)

Podobne pytania

0 głosów
1 odpowiedź 101 wizyt
pytanie zadane 25 sierpnia 2016 w HTML i CSS przez Alwox Gaduła (4,860 p.)
+1 głos
1 odpowiedź 83 wizyt
0 głosów
2 odpowiedzi 278 wizyt
pytanie zadane 19 stycznia 2019 w HTML i CSS przez Grzegorz Mikina Mądrala (6,580 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

85,725 zapytań

134,512 odpowiedzi

298,568 komentarzy

56,634 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...