Как подправить CSS анимацию?

Question

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

Есть 3 картинки - облака.
- Нужно чтобы они двигались всегда с одинаковой скоростью;
- Облака позицинируются относительно .wrapper (контентная часть сайта);
- Чтобы они летели на весь экран: прижимаются к левому краю body, и к правому (даже можно с небольшим отрицательным маргином, чтобы ещё больше заходили).
Вот сайт: boykovs.hol.es/pure_world
Вот пример: https://jsfiddle.net/k1cefj40/

Answer 1

[Сергей]

:)) Бешеные облака
Регулируйте время в animation. В чем проблема?

Answer 2

[Ankhena]

@keyframes cloud_anime--3{
    0%, 100%{
        right: 50%;
    }
    25%{
        right: -100%;
    }
    50%{
        right: 50%;
    }
    75%{
        right: 100%;
    }
}

Вы понимаете, что эти расстояния разные и неравномерные?

Answer 3

[Mark]

animation: cloud_anime--1 50s linear infinite;

столько сделайте везде, будет норм.