Tamanho Aleatório
Lição 9 de 18 do curso Nuvens em Movimento - Projeto HTML/CSS/JS da Coddy.
Desafio
FácilVamos adicionar um tamanho aleatório à nuvem.
Para definir tamanhos diferentes para a nuvem sem mudar tudo, podemos usar transform e scale:
transform: scale(0.3)O código acima redimensionará o elemento alvo para 0.3 do seu tamanho original!
No arquivo JS, adicione esta propriedade de estilo programaticamente e, em seguida, torne-a aleatória. Os tamanhos sugeridos estão entre 0.3 e 1.
Certifique-se de não excluir seu código anterior, que define a posição aleatória!
Experimente você mesmo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>