Nube II

Lección 5 de 18 del curso Nubes en movimiento - Proyecto de HTML/CSS/JS de Coddy.

Desafío

Fácil

En el archivo HTML, crea un div dentro del div cloud (.cloud) con el nombre de clase "cloudBubble1".

En el archivo CSS, selecciona el nuevo div y establece:

width a 100px
height a 100px
el color de fondo al mismo que en el div cloud
border radius de 50px
position a absolute
top a -50px
left a 30px

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

4Jugando con JS

2Contenedor

5Mover la nube

3La nube

Nube II

6Muchas nubes

Inyectar HTML usando JS

Inyectar nubes

Iterar sobre todos

Toque final