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!
Desafío
FácilApunta a la clase "navigation":
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%.Añade el siguiente estilo de transición:
transform: translate(-50%, 0);- 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>