Nuvem II

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

Desafio

Fácil

No arquivo HTML, crie uma div dentro da div cloud (.cloud) com o nome de classe "cloudBubble1".

No arquivo CSS, selecione a nova div e defina:

width para 100px
height para 100px
cor de fundo para a mesma da div cloud
border radius de 50px
position para absolute
top para -50px
left para 30px

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

Iniciar imediatamente

Aleatorizar tudo

3A Nuvem

Nuvem I

Nuvem II

Nuvem III

6Muitas Nuvens

Injetar HTML usando JS

Injetar Nuvens

Percorrer Tudo

Toque Final