Nous avons créé l'apparence d'un bouton dans son état normal, mais un bouton 3D comme celui-ci demande un état «poussé». Ce que nous faisons, c'est ajouter une couleur plus foncée au bouton sur :hoveret :focus. Ensuite, pour :active(poussé), nous supprimons une partie du box-shadows et le poussons vers le bas et vers la droite avec un positionnement relatif. C'est aussi simple que cela, le bouton a maintenant une expérience vraiment évidente et satisfaisante lorsque vous cliquez dessus.
Une chose qui vient à l'esprit: lorsque vous ajustez le positionnement relatif avec des valeurs haut / gauche / bas / droite comme ça, vous devez faire attention à l'avenir si vous devez absolument positionner l'élément. Vous pourriez faire des sauts fous, car haut / gauche / bas / droite signifie quelque chose de bien différent avec le positionnement absolu qu'avec le positionnement relatif.
