Classe moon

Leçon 7 sur 10 du cours Animation d'éclipse solaire | Projet HTML/CSS de Coddy.

Défi

Facile

Dans le fichier CSS, ciblez la classe moon :

Définissez la largeur (width) et la hauteur (height) de la classe moon à 220px.
Définissez le border-radius à 50%.
Définissez la position de la classe moon à relative.
Définissez le background-image à linear-gradient(30deg, #13223f, #0e1a30).

Vous devriez voir la lune maintenant !

Essayez vous-même

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

Toutes les leçons de Animation d'éclipse solaire | Projet HTML/CSS

1HTML

Qu'allez-vous créer ?Configuration du code Le conteneur Lune

2CSS

Balise universelle

Balise html

Balise body

Classe moon Leçon de projet

Pseudo-élément de la classe moon

Animation eclipse

Responsivité