klasa moon

Lekcja 7 z 10 w kursie Animacja zaćmienia Słońca | Projekt HTML/CSS w Coddy.

Wyzwanie

Łatwy

W pliku CSS wybierz klasę moon:

Ustaw szerokość i wysokość klasy moon na 220px.
Ustaw border-radius na 50%.
Ustaw pozycję klasy moon na relative.
Ustaw background-image na linear-gradient(30deg, #13223f, #0e1a30).

Teraz powinna być widoczna księżyc!

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 Animacja zaćmienia Słońca | Projekt HTML/CSS

1HTML

Co zamierzasz stworzyć?Konfiguracja kodu Kontener Księżyca

2CSS

Selektor uniwersalny

znacznik html

znacznik body

klasa moon Lekcja projektowa

pseudoelement klasy moon

animacja zaćmienia

responsywność

Poćwicz samodzielnie: Edytor online Web