Как сделать такую анимацию?

Question

[Tokenchik]

Хочу сделать анимацию звезд в космосе. И немного запутался со свойствам animation.
Вот как сделано сейчас. Как видно элемент доходит до левого края, а затем рывком возвращается обратно, как сделать так чтобы этого рывка не было? т.е. чтобы элемент дошел до края, и все, и анимация снова пошла сначала, либо сделать его невидимым а затем когда он вернется на начало снова сделать его видимым.

Answer 1

[Олег]

https://jsfiddle.net/8yz4ub61/1/

Comments

[Tokenchik]

спасибо )

[Филипп Гапоненко]

а у вас fps убежало
https://jsfiddle.net/8yz4ub61/4/

Answer 2

[Дмитрий]

https://jsfiddle.net/soledar10/8yz4ub61/2/
https://jsfiddle.net/soledar10/8yz4ub61/3/

Comments

[Tokenchik]

спасибо за помощь )

Answer 3

[Василь Бойко]

https://jsfiddle.net/xwe6h94p/