Losowy rozmiar
Lekcja 9 z 18 w kursie Poruszające się chmury — projekt HTML/CSS/JS w Coddy.
Wyzwanie
ŁatwyDodajmy losowy rozmiar do chmury.
Aby ustawić różne rozmiary chmury bez zmieniania wszystkiego, możemy użyć transform i scale:
transform: scale(0.3)Powyższe przeskaluje wskazany element do 0.3 jego pierwotnego rozmiaru!
W pliku JS dodaj programowo tę właściwość stylu, a następnie ustaw jej losową wartość. Sugerowane rozmiary mieszczą się w zakresie od 0.3 do 1.
Upewnij się, że nie usuwasz poprzedniego kodu, który ustawia losową pozycję!
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
Wprowadzenie
Poćwicz samodzielnie: Edytor online Web