Class moon

Pelajaran 7 dari 10 dalam kursus Animasi Gerhana Matahari | Proyek HTML/CSS di Coddy.

Tantangan

Mudah

Di file CSS, targetkan class moon:

Atur lebar dan tinggi class moon menjadi 220px.
Atur border-radius menjadi 50%.
Atur posisi class moon menjadi relative.
Atur background-image menjadi linear-gradient(30deg, #13223f, #0e1a30).

Sekarang kamu seharusnya bisa melihat bulan!

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 Animasi Gerhana Matahari | Proyek HTML/CSS

1HTML

Apa yang akan kamu buat?Penyiapan Kode Wadah Bulan

2CSS

Selektor universal

Tag html

Tag body

Class moon Pelajaran proyek

Elemen semu pada class moon

Animasi gerhana

Desain responsif

Latihan sendiri: Playground Web