Задать вопрос
@ferdasfarmazone
Верстальщик!
html

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

Есть 3 картинки - облака.
- Нужно чтобы они двигались всегда с одинаковой скоростью;
- Облака позицинируются относительно .wrapper (контентная часть сайта);
- Чтобы они летели на весь экран: прижимаются к левому краю body, и к правому (даже можно с небольшим отрицательным маргином, чтобы ещё больше заходили).
Вот сайт: boykovs.hol.es/pure_world
Вот пример: https://jsfiddle.net/k1cefj40/
  • Вопрос задан
  • 214 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
Hando
@Hando
Верстак
:)) Бешеные облака
Регулируйте время в animation. В чем проблема?
Ответ написан
Комментировать
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку 
@keyframes cloud_anime--3{
    0%, 100%{
        right: 50%;
    }
    25%{
        right: -100%;
    }
    50%{
        right: 50%;
    }
    75%{
        right: 100%;
    }
}

Вы понимаете, что эти расстояния разные и неравномерные?
Ответ написан
Комментировать
Комментировать
Mark54
@Mark54
Web-developer
animation: cloud_anime--1 50s linear infinite;

столько сделайте везде, будет норм.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
DevOps задачи, работа с Yandex Cloud и Yandex Database
19 апр. 2024, в 18:38
1500 руб./в час
Верстка сайта -4-5 страниц
19 апр. 2024, в 18:36
1500 руб./за проект
MiniApp для телеграмм на React
19 апр. 2024, в 18:36
30000 руб./за проект
Ещё заказы