Abbiamo creato l'aspetto di un pulsante nel suo stato normale, ma un pulsante 3D come quello richiede uno stato "premuto". Quello che facciamo è aggiungere un colore più scuro al pulsante su :hovere :focus. Quindi per :active(spinto), rimuoviamo alcuni dei se lo box-shadowspingiamo verso il basso e verso destra con posizionamento relativo. È così semplice, il pulsante ora ha un'esperienza davvero ovvia e soddisfacente quando lo fai clic.
Uno che mi viene in mente: quando regoli il posizionamento relativo con valori in alto / a sinistra / in basso / a destra in questo modo, devi stare attento in futuro se devi posizionare assolutamente l'elemento. Potresti ottenere dei salti pazzi, poiché alto / sinistra / basso / destra significa qualcosa di molto diverso con il posizionamento assoluto rispetto a quello relativo.