Pour créer un menu latéral en CSS, vous aurez besoin de HTML pour structurer le menu et de CSS pour le style. Voici un exemple simple :
HTML :
```
CSS :
```
#sideMenu {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
#sideMenu a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
#sideMenu a:hover {
color: #f1f1f1;
}
```
Ce code crée un menu latéral caché qui occupe tout le long de la page. Les liens sont espacés et change de couleur lorsqu’on passe la souris dessus. La transition CSS rend l’ouverture du menu plus lisse.
Vous pouvez utiliser du JavaScript pour ouvrir et fermer le menu lorsqu’un bouton est appuyé ou lorsqu’un certain événement se produit.
Note : Ce code est un exemple direct et est assez basique. Il peut ne pas fonctionner parfaitement pour tous les cas d’utilisation et peut nécessiter des ajustements pour répondre à vos besoins spécifiques.
