Sidebar Content

Leçon 9 sur 13 du cours Barre latérale | Projet front-end de Coddy.

Défi

Facile

Ciblez l'élément paragraphe dans la classe 'sidebar' :

1. Définissez la color (pas white).

2. Ajoutez du padding selon votre choix.

3. Définissez le cursor sur pointer.

4. Ajoutez un effet hover qui définit l'opacity de votre choix (pas 1).

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
    <title>Sidebar</title>
</head>
    <body>
        <button id="openSidebarBtn">Open</button>
        <div id="sidebar" class="sidebar">
            <button id="closeSidebarBtn">Close</button>
            <p>Home</p>
            <p>About</p>
            <p>Services</p>
            <p>Contact</p>
        </div>
        <script src="script.js"></script>
    </body>
</html>