moon sınıfı

Coddy'nin Güneş Tutulması Animasyonu | HTML/CSS Projesi kursunda ders 7 / 10.

Görev

Kolay

CSS dosyasında, moon sınıfını hedefleyin:

moon sınıfının genişliğini ve yüksekliğini 220px olarak ayarlayın.
Kenar yuvarlaklığını (border-radius) 50% olarak ayarlayın.
moon sınıfının konumunu (position) relative olarak ayarlayın.
Arka plan resmini (background-image) linear-gradient(30deg, #13223f, #0e1a30) olarak ayarlayın.

Şimdi ayı görebiliyor olmalısınız!

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Güneş Tutulması Animasyonu | HTML/CSS Projesi bölümündeki tüm dersler

1HTML

Ne yapacaksınız?Kod Kurulumu Ay Kapsayıcısı

2CSS

Evrensel etiket

html etiketi

body etiketi

moon sınıfı Proje dersi

moon sınıfı pseudo-element

eclipse animasyonu

responsiveness