Valeurs fixes
Leçon 10 sur 18 du cours Nuages en mouvement - Projet HTML/CSS/JS de Coddy.
Déplaçons le nuage !
Défi
FacileAvant de commencer à déplacer le nuage, fixons la position et la taille du nuage.
Commentez le code qui définit une position et une taille aléatoires au nuage.
Dans le fichier JS, ciblez l'élément nuage et :
- Définissez la propriété de style
leftsur200px. - Définissez la propriété de style
topsur200px. - Définissez la propriété de style
transformsurscale(0.5).
De plus, définissez la propriété de style transition sur "all linear 3s", cela nous aidera à animer le nuage plus tard !
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>Toutes les leçons de Nuages en mouvement - Projet HTML/CSS/JS
1Introduction
Introduction5Déplacer le nuage
Valeurs fixes
Déplacer vers la droiteAlterner les directionsDémarrer immédiatementTout rendre aléatoire