Vytvořili jsme vzhled tlačítka v jeho běžném stavu, ale takové 3D tlačítko prosí o „tlačený“ stav. Co uděláme, je přidat tmavší barvu tlačítka na :hover
a :focus
. Potom pro :active
(tlačené) odstraníme některá box-shadow
s a posuneme je dolů a doprava s relativním umístěním. Je to tak jednoduché, že toto tlačítko má nyní po klepnutí opravdu zřejmý a uspokojivý zážitek.
Ten, který vás napadne: když upravíte relativní umístění takovými hodnotami nahoře / vlevo / dole / vpravo, musíte být v budoucnu opatrní, pokud potřebujete absolutně umístit prvek. Mohli byste mít nějaké šílené skoky, protože nahoře / vlevo / dole / vpravo znamená něco úplně jiného s absolutním umístěním než to dělá s relativním umístěním.