pseudoelement klasy moon

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

Wyzwanie

Łatwy

W pliku CSS wybierz klasę moon i użyj pseudo-elementu ::before,

Ustaw zawartość tego elementu na "" (pusty ciąg).
Ustaw background-color na rgba(0, 0, 0, 0).
Ustaw border-radius na 50%.
Ustaw z-index na -1.
Ustaw width i height na 100%.
Ustaw position na absolute, a display na block.
Dodaj animację o nazwie "eclipse-animation", która będzie trwać 3.2s w trybie linear, infinite i alternate .

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>