Taille aléatoire
Leçon 9 sur 18 du cours Nuages en mouvement - Projet HTML/CSS/JS de Coddy.
Défi
FacileAjoutons une taille aléatoire au nuage.
Pour définir différentes tailles pour le nuage sans tout changer, nous pouvons utiliser transform et scale :
transform: scale(0.3)Ce qui précède redimensionnera l'élément ciblé à 0.3 de sa taille d'origine !
Dans le fichier JS, ajoutez cette propriété de style par programmation, puis rendez-la aléatoire. Les tailles suggérées se situent entre 0.3 et 1.
Assurez-vous de ne pas supprimer votre code précédent, qui définit la position aléatoire !
Essayez vous-même
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>