Cloud II

Lektion 5 von 18 im Kurs Ziehende Wolken – HTML/CSS/JS-Projekt von Coddy.

Aufgabe

Einfach

Erstelle in der HTML-Datei ein div innerhalb des Cloud-Divs (.cloud) mit dem Klassennamen "cloudBubble1".

Targetiere in der CSS-Datei das neue Div und setze:

width auf 100px
height auf 100px
Hintergrundfarbe auf dieselbe wie im Cloud-Div
Border-Radius von 50px
position auf absolute
top auf -50px
left auf 30px

Probier es selbst

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

Alle Lektionen in Ziehende Wolken – HTML/CSS/JS-Projekt

1Einführung

4Spielen mit JS

2Container

5Die Wolke bewegen

Richtungen abwechseln

Sofort starten

Alles zufällig festlegen

3Die Cloud

Cloud II

6Viele Wolken