Menu
Coddy logo textTech

Style de la Navbar

Leçon 9 sur 12 du cours Barre de navigation inférieure - Projet HTML/CSS de Coddy.

Stylisons la barre de navigation !

challenge icon

Défi

Facile

Ciblez la classe "navigation" :

  1. Pour définir une position :

    a. Définissez la position sur absolute.

    b. Définissez le bottom sur 32px.

    c. Définissez le border-radius sur 24px.

    d. Définissez la position left sur 50%.

  2. Ajoutez le style de transition ci-dessous :

    transform: translate(-50%, 0);
  3. Définissez le background-color sur ce que vous voulez ! (recommandé : purple)

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 Barre de navigation inférieure - Projet HTML/CSS