Valori fissi

Lezione 10 di 18 del corso Nuvole in movimento - Progetto HTML/CSS/JS di Coddy.

Spostiamo la nuvola!

Sfida

Facile

Prima di iniziare a spostare la nuvola, fissiamo la posizione e le dimensioni della nuvola.

Commenta il codice che imposta una posizione e dimensioni casuali per la nuvola.

Nel file JS, seleziona l'elemento nuvola e:

Imposta la proprietà di stile left su 200px.
Imposta la proprietà di stile top su 200px.
Imposta la proprietà di stile transform su scale(0.5).

Inoltre, imposta la proprietà di stile transition su "all linear 3s" così ci aiuterà ad animare la nuvola più avanti!

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Nuvole in movimento - Progetto HTML/CSS/JS

1Introduzione

4Giocare con JS

2Contenitore

5Nuvola in movimento

Valori fissi Lezione di progetto

3Il Cloud

6Molte nuvole

Inserire HTML usando JS

Inserire nuvole

Iterare su tutti

Ritocchi finali

Esercitati da solo: Playground Web