classe moon

Lezione 7 di 10 del corso Animazione dell'eclissi solare | Progetto HTML/CSS di Coddy.

Sfida

Facile

Nel file CSS, seleziona la classe moon:

Imposta la larghezza e l’altezza della classe moon su 220px.
Imposta il border-radius su 50%.
Imposta la posizione della classe moon su relative.
Imposta background-image su linear-gradient(30deg, #13223f, #0e1a30).

Ora dovresti vedere la luna!

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Animazione dell'eclissi solare | Progetto HTML/CSS

1HTML

Che cosa realizzerai?Configurazione del codice Il contenitore della Luna

2CSS

Selettore universale

tag HTML

tag body

classe moon Lezione di progetto

pseudo-elemento della classe moon

animazione dell'eclissi

responsività

Esercitati da solo: Playground Web