Перед выполнением задания внимательно прочитайте:
- О всех этапах проверки задания
- Как отправить пулл
- Как пройти тесты
- Правила оформления JavaScript, HTML и CSS кода
По мнению моей бабуленьки, есть три вещи, на которые можно смотреть вечно: как плывет корабль, как летят облака и как светит солнце. Именно поэтому я решил создать мультик про это.
Мы заранее реализовали статичные элементы мультфильма.
Ваша задача: анимировать эти элементы, как на этом видео: https://yadi.sk/i/UfqZ05k-3Q7mev
- Анимировать облака. Облака повернуть в разные стороны. Они разных размеров и движутся с разной скоростью. Те, что ближе к зрителю, — больше и движутся быстрее. Те, что дальше, — меньше и медленнее.
- Анимировать солнце. Оно движется по кругу и вращается вокруг своей оси.
- Пароход. Движется равномерно. Элементы, которые представляют собой дым, увеличиваются и меняют прозрачность (см. видео).
- Фон меняется синхронно с восходом и заходом солнца. У неба есть 3 состояния: день, вечер, ночь. В коде есть все 3 состояния, нужно реализовать плавный переход между ними и зациклить его.
При наведении на мультик, он должен поворачиваться:
(видео: https://yadi.sk/i/RBsCuOvM3Q7p6C)