Naprzemienne kierunki

Lekcja 12 z 18 w kursie Poruszające się chmury — projekt HTML/CSS/JS w Coddy.

W tej chwili nasza chmura porusza się tylko w prawo. To fajne, ale niewystarczające. Teraz sprawimy, że będzie na przemian poruszać się w prawo i w lewo!

Wyzwanie

Łatwy

W pliku JavaScript dodaj w swoim interwale obsługę naprzemiennych kierunków.

Co powinno się stać?

Przy pierwszym wykonaniu interwału styl left powinien mieć wartość 100%.

Przy drugim wykonaniu interwału styl left powinien mieć wartość -50% (może być więcej lub mniej — przetestuj i sprawdź, co działa najlepiej).

Przy trzecim wykonaniu interwału styl left powinien mieć wartość 100%.

I tak dalej...

Jeśli nie masz pewności, sprawdź podpowiedzi.

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>