Menu
Coddy logo textTech

Estilo de la Navbar

Lección 9 de 12 del curso Barra de navegación inferior - Proyecto de HTML/CSS de Coddy.

¡Vamos a darle estilo a la barra de navegación!

challenge icon

Desafío

Fácil

Apunta a la clase "navigation":

  1. Para establecer una posición:

    a. Establece la posición en absolute.

    b. Establece el bottom en 32px.

    c. Establece el border-radius en 24px.

    d. Establece la posición left en 50%.

  2. Añade el siguiente estilo de transición:

    transform: translate(-50%, 0);
  3. Establece el background-color a lo que prefieras! (recomendado: purple)

Pruébalo tú mismo

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

Todas las lecciones de Barra de navegación inferior - Proyecto de HTML/CSS