Chmura II

Lekcja 5 z 18 w kursie Poruszające się chmury — projekt HTML/CSS/JS w Coddy.

Wyzwanie

Łatwy

W pliku HTML utwórz element div wewnątrz elementu div chmury (.cloud) z nazwą klasy "cloudBubble1".

W pliku CSS wybierz nowy element div i ustaw:

width na 100px
height na 100px
kolor tła taki sam jak w elemencie div chmury
promień zaokrąglenia obramowania na 50px
position na absolute
top na -50px
left na 30px

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Poruszające się chmury — projekt HTML/CSS/JS

1Wprowadzenie

4Zabawa z JS

2Kontener

5Poruszanie chmurą

Naprzemienne kierunki

3Chmura

Chmura II

6Wiele chmur

Wstawianie HTML za pomocą JS

Wstawianie chmur

Pętla po wszystkich

Ostatnie poprawki

Poćwicz samodzielnie: Edytor online Web