Valores fixos

Lição 10 de 18 do curso Nuvens em Movimento - Projeto HTML/CSS/JS da Coddy.

Vamos mover a nuvem!

Desafio

Fácil

Antes de começarmos a mover a nuvem, vamos fixar a posição e o tamanho da nuvem.

Comente o código que define a posição e o tamanho aleatórios para a nuvem.

No arquivo JS, selecione o elemento da nuvem e:

Defina a propriedade de estilo left como 200px.
Defina a propriedade de estilo top como 200px.
Defina a propriedade de estilo transform como scale(0.5).

Além disso, defina a propriedade de estilo transition como "all linear 3s", isso nos ajudará a animar a nuvem mais tarde!

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>

Todas as lições de Nuvens em Movimento - Projeto HTML/CSS/JS

1Introdução

4Brincando com JS

2Container

5Movendo a Nuvem

Valores fixos Lição de projeto

Mover para a direita

Alternar direções

Iniciar imediatamente

3A Nuvem

6Muitas Nuvens

Injetar HTML usando JS

Injetar Nuvens

Percorrer Tudo

Toque Final