Zufällige Größe
Lektion 9 von 18 im Kurs Ziehende Wolken – HTML/CSS/JS-Projekt von Coddy.
Aufgabe
EinfachLass uns der Wolke eine zufällige Größe hinzufügen.
Um verschiedene Größen für die Wolke festzulegen, ohne alles zu ändern, können wir transform und scale verwenden:
transform: scale(0.3)Das Obige skaliert das Ziel-Element auf 0.3 seiner ursprünglichen Größe!
Füge in der JS-Datei diese Style-Eigenschaft programmatisch hinzu und mache sie dann zufällig. Die empfohlenen Größen liegen zwischen 0.3 und 1.
Stelle sicher, dass du deinen vorherigen Code nicht löschst, der die zufällige Position festlegt!
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>Alle Lektionen in Ziehende Wolken – HTML/CSS/JS-Projekt
1Einführung
Einführung