Stałe wartości

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

Przesuńmy chmurę!

Wyzwanie

Łatwy

Zanim zaczniemy przesuwać chmurę, ustalmy jej położenie i rozmiar.

Skomentuj kod, który ustawia losowe położenie i rozmiar chmury.

W pliku JS wybierz element chmury i:

Ustaw właściwość stylu left na 200px.
Ustaw właściwość stylu top na 200px.
Ustaw właściwość stylu transform na scale(0.5).

Ustaw też właściwość stylu transition na "all linear 3s", co pomoże nam później animować chmurę!

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>

Wszystkie lekcje w sekcji Poruszające się chmury — projekt HTML/CSS/JS

1Wprowadzenie

4Zabawa z JS

2Kontener

5Poruszanie chmurą

Stałe wartości Lekcja projektowa

Ruch w prawo

Naprzemienne kierunki

3Chmura

6Wiele chmur

Wstawianie HTML za pomocą JS

Wstawianie chmur

Pętla po wszystkich

Ostatnie poprawki

Poćwicz samodzielnie: Edytor online Web