# 038: Přidání stavů tlačítek - Triky CSS

Anonim

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 :hovera :focus. Potom pro :active(tlačené) odstraníme některá box-shadows 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.