Nuvem III

Lição 6 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, mais uma!) com o nome de classe "cloudBubble2".

No arquivo CSS, selecione a nova div e defina:

width como 60px
height como 60px
cor de fundo (background color) igual à da div cloud
raio da borda (border radius) de 30px
position como absolute
top como -30px
right como 30px

Ao final, remova a margin da div .cloud.

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