Tamaño aleatorio
Lección 9 de 18 del curso Nubes en movimiento - Proyecto de HTML/CSS/JS de Coddy.
Desafío
FácilVamos a añadir un tamaño aleatorio a la nube.
Para establecer diferentes tamaños para la nube sin cambiarlo todo, podemos usar transform y scale:
transform: scale(0.3)¡Lo anterior escalará el elemento seleccionado a 0.3 de su tamaño original!
En el archivo JS, añade esta propiedad de estilo programáticamente y luego hazla aleatoria. Los tamaños sugeridos están entre 0.3 y 1.
¡Asegúrate de no borrar tu código anterior, el que crea la posición aleatoria!
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Todas las lecciones de Nubes en movimiento - Proyecto de HTML/CSS/JS
1Introducción
Introducción