Menu
Coddy logo textTech

Cloud III

Leçon 6 sur 18 du cours Nuages en mouvement - Projet HTML/CSS/JS de Coddy.

challenge icon

Défi

Facile

Dans le fichier HTML, créez une div à l'intérieur de la div cloud (.cloud, une autre !) avec le nom de classe "cloudBubble2".

 

Dans le fichier CSS, ciblez la nouvelle div et définissez :

  1. width à 60px
  2. height à 60px
  3. la couleur d'arrière-plan (background color) identique à celle de la div cloud
  4. border radius de 30px
  5. position à absolute
  6. top à -30px
  7. right à 30px

Enfin, supprimez la margin de la div .cloud.

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Toutes les leçons de Nuages en mouvement - Projet HTML/CSS/JS