Richtungen abwechseln

Lektion 12 von 18 im Kurs Ziehende Wolken – HTML/CSS/JS-Projekt von Coddy.

Im Moment bewegt sich unsere Wolke nur nach rechts, was zwar cool, aber nicht genug ist. Jetzt werden wir sie abwechselnd nach rechts und links bewegen lassen!

Aufgabe

Einfach

Fügen Sie in der JavaScript-Datei Unterstützung in Ihrem Intervall für abwechselnde Richtungen hinzu.

Was soll passieren?

Beim ersten Ausführen des Intervalls sollte der left-Stil gleich 100% sein.

Beim zweiten Ausführen des Intervalls sollte der left-Stil gleich -50% sein (es kann mehr oder weniger sein, Sie sollten testen und sehen, was am besten funktioniert).

Beim dritten Ausführen des Intervalls sollte der left-Stil wieder gleich 100% sein.

Und so weiter...

Schauen Sie in die Hinweise, wenn Sie sich nicht sicher sind.

Probier es selbst

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