Awan III

Pelajaran 6 dari 18 dalam kursus Awan Bergerak, Proyek HTML/CSS/JS di Coddy.

Tantangan

Mudah

Di file HTML, buat div di dalam div cloud (.cloud, satu lagi!) dengan nama class "cloudBubble2".

Di file CSS, pilih div baru tersebut dan atur:

width menjadi 60px
height menjadi 60px
warna latar menjadi sama seperti pada div cloud
radius border sebesar 30px
position menjadi absolute
top menjadi -30px
right menjadi 30px

Pada akhirnya, hapus margin dari div .cloud.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Awan Bergerak, Proyek HTML/CSS/JS

1Pengantar

4Bermain dengan JS

2Wadah

5Memindahkan Awan

3Komputasi Awan

Awan III

6Banyak Awan

Sisipkan HTML dengan JS

Sisipkan Awan

Loop pada Semua

Sentuhan Akhir

Latihan sendiri: Playground Web