Aller au contenu principal
Guillaume Duverger Code & graphisme

Menu CSS avec le positionnement sticky



<ul class="sticky">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>





*{margin:0;padding:0;box-sizing:border-box}

.sticky{

list-style-type: none;
background-color: #6753ea;
box-shadow: 0 10px 10px hsla(0, 0%, 26%, 0.2);
height:10vh;
position:sticky;
top:0;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
flex-flow:wrap

}

    
.sticky li a{

color:#fff;
text-decoration:none;
padding:.3rem .5rem;

}