Awan II

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

Tantangan

Mudah

Di file HTML, buat div di dalam div cloud (.cloud) dengan nama class "cloudBubble1".

Di file CSS, pilih div baru tersebut dan atur:

width menjadi 100px
height menjadi 100px
warna latar belakang sama dengan warna pada div cloud
radius border sebesar 50px
position menjadi absolute
top menjadi -50px
left menjadi 30px

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 II

6Banyak Awan

Sisipkan HTML dengan JS

Sisipkan Awan

Loop pada Semua

Sentuhan Akhir

Latihan sendiri: Playground Web