Stvorili smo izgled gumba u uobičajenom stanju, ali takav 3D gumb moli za "gurnuto" stanje. Ono što radimo je dodavanje tamnije boje gumbu na :hover
i :focus
. Zatim za :active
(gurnuto) uklanjamo neke box-shadow
s i gurnemo ih prema dolje i udesno s relativnim pozicioniranjem. Jednostavno je to, gumb sada ima stvarno očito i zadovoljavajuće iskustvo kada ga kliknete.
Ono što mi pada na pamet: kada podesite relativno pozicioniranje s gornjim / lijevim / donjim / desnim vrijednostima poput takvih, u budućnosti morate biti oprezni ako trebate apsolutno pozicionirati element. Možda ćete se dogoditi neki ludi skok, jer gore / lijevo / dolje / desno znači nešto potpuno drugačije s apsolutnim pozicioniranjem nego što je to slučaj s relativnim pozicioniranjem.