Dans la Discorde web app, en cliquant et en maintenant enfoncé sur une barre de navigation (Serveur) bouton, il se déplace un peu vers le bas comme le montre ce GIF : https://imgur.com/a/bC25LtO
Comment puis-je obtenir cet effet dans le CSS, ou peut-être CSS & JS?
Vous pouvez utiliser des pseudo :active et la position absolute
.btn {
position: relative;
top: 0px;
font-family: "Open Sans";
text-decoration: none;
font-size: 25px;
padding: 15px 50px;
margin: 0 10px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0px 5px 0px #ccc;
transition: all 250ms ease;
}
.btn:active {
position: relative;
top: 5px;
box-shadow: none !important;
transition: all 250ms ease;
}<button class="btn">press me</button>ou de l'utilisation :active avec translateY()