Vytvorili sme vzhľad tlačidla v jeho bežnom stave, ale také 3D tlačidlo prosí o „stlačený“ stav. To, čo robíme, je pridať tmavšiu farbu tlačidla na :hovera :focus. Potom pre :active(tlačené) odstránime niektoré box-shadows a posunieme ich dole a doprava s relatívnym umiestnením. Je to také jednoduché, keď kliknete na toto tlačidlo, bude mať teraz skutočne zjavnú a uspokojivú skúsenosť.
Ten, ktorý vás napadne: keď takto upravíte relatívne umiestnenie s hornými / ľavými / spodnými / pravými hodnotami, musíte byť v budúcnosti opatrní, ak potrebujete element absolútne umiestniť. Mohli by ste zažiť nejaké šialené skoky, pretože hore / vľavo / dole / vpravo znamená niečo úplne iné s absolútnym umiestnením ako to robí s relatívnym umiestnením.