Chmura III

Lekcja 6 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, jeszcze jeden!) z nazwą klasy "cloudBubble2".

W pliku CSS wybierz nowy element div i ustaw:

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

Na koniec usuń margin z elementu div .cloud.

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 III Lekcja projektowa

6Wiele chmur

Wstawianie HTML za pomocą JS

Wstawianie chmur

Pętla po wszystkich

Ostatnie poprawki

Poćwicz samodzielnie: Edytor online Web