Olemme luoneet painikkeen ulkoasun tavallisessa tilassa, mutta tällainen 3D-painike pyytää "työnnettyä" tilaa. Mitä teemme, on lisätä tummempi väri painikkeeseen :hoverja :focus. Sitten :active(työnnetty) -kohdassa poistamme osan box-shadows: stä ja työnnämme sitä alaspäin ja oikealle suhteellisella paikannuksella. Se on niin yksinkertaista, että painikkeella on nyt todella ilmeinen ja tyydyttävä kokemus, kun napsautat sitä.
Se, joka tulee mieleen: kun säädät suhteellista sijaintia tällaisilla ylä / vasen / ala / oikea-arvoilla, sinun on oltava tulevaisuudessa varovainen, jos sinun on ehdottomasti sijoitettava elementti. Saatat saada hulluja hyppyjä meneillään, koska ylä / vasen / ala / oikea tarkoittaa jotain aivan erilaista absoluuttisella paikannuksella kuin suhteellisella paikannuksella.