Wieczór,
Jak pozbyć się tej pauzy w trakcie animacji?
Klik
Dzięki za pomoc, pozdrawiam.
Pełna wersja: CSS - keyframes
Zmienić easing na linear, albo zmienić klatki na 0 -20px, 50% 20px, 100% -20px
Zależy mi aby punkty przemieszczały się płynnie w odniesieniu do osi (zaznaczyłem na czerwono).
Ustawiając punkt startu na -20px wychodzi lipa. Linear nie wygląda tak dobrze jak ease.
Klik
Ustawiając punkt startu na -20px wychodzi lipa. Linear nie wygląda tak dobrze jak ease.
Klik
W zerze będzie przy 25%, czyli trzeba opóźnić o 0.15.
Kod
animation: plemnik .6s ease ($i/10 - 0.15)+s infinite;
Tak?
Niestety nie działa prawidłowo. Nawet po wyłączeniu opóźnienia wszystkie punkty poruszając się równocześnie "zacinają" się w momencie przejścia 100% a 0%.
Efekt jest minimalny ale irytujący :/
Efekt jest minimalny ale irytujący :/
W Twoim przykładzie nadal ramki są na 0, 33, 66 i 100%.
Tak. link: http://codepen.io/anon/pen/jyoGOr
Ale ja to wiem.
Zmień tak jak pisałem.
Zmień tak jak pisałem.
Chodzi Ci o to żeby kod wyglądał tak?
http://codepen.io/anon/pen/jyoGOr?editors=0110
http://codepen.io/anon/pen/jyoGOr?editors=0110
Tak.
Co jest nie tak?
Co jest nie tak?
Animacja nie zaczyna się od "punktu startowego" czyli na osi linii tylko punkty spadają jakby z góry, a niestety nie o to mi chodzi 
Chcę żeby animacja zaczynała się w miejscu "spoczynku" punktów na osi linii, a potem trwała nieprzerwanie i płynnie.
Chyba będę musiał zadowolić się linear'em jako animation-timing-function :/
Chcę żeby animacja zaczynała się w miejscu "spoczynku" punktów na osi linii, a potem trwała nieprzerwanie i płynnie.
Chyba będę musiał zadowolić się linear'em jako animation-timing-function :/
Wciąż się zacina...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.