Menu
Coddy logo textTech

Чередование направлений

Урок 12 из 18 курса Движущиеся облака — проект на HTML/CSS/JS на Coddy.

Сейчас наше облако движется только вправо, что здорово, но недостаточно. Теперь мы заставим его перемещаться поочередно вправо и влево!

challenge icon

Задание

Легко

В файле JavaScript добавьте в ваш интервал поддержку чередования направлений.

Что должно произойти?

При первом выполнении интервала стиль left должен быть равен 100%.

При втором выполнении интервала стиль left должен быть равен -50% (может быть больше или меньше, вам следует протестировать и посмотреть, что работает лучше всего).

При третьем выполнении интервала стиль left должен быть снова равен 100%.

И так далее...

Если вы не уверены, посмотрите подсказки.

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Все уроки раздела Движущиеся облака — проект на HTML/CSS/JS