Dimensione casuale
Lezione 9 di 18 del corso Nuvole in movimento - Progetto HTML/CSS/JS di Coddy.
Sfida
FacileAggiungiamo una dimensione casuale alla nuvola.
Per impostare dimensioni diverse per la nuvola senza modificare tutto, possiamo usare transform e scale:
transform: scale(0.3)Quanto sopra ridimensionerà l'elemento selezionato a 0.3 della sua dimensione originale!
Nel file JS, aggiungi questa proprietà di stile a livello di programmazione e poi rendila casuale. Le dimensioni suggerite sono comprese tra 0.3 e 1.
Assicurati di non eliminare il codice precedente che rende casuale la posizione!
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
Introduzione
Esercitati da solo: Playground Web