Sukūrėme įprasto mygtuko išvaizdą, tačiau toks 3D mygtukas prašo „stumti“ būsenos. Ką mes darome, yra pridėti tamsesnės spalvos mygtuką :hoverir :focus. Tada :active(stumtiems), mes pašaliname kai kuriuos box-shadows ir pastumiame žemyn ir į dešinę, santykinai padėties. Tai taip paprasta, mygtukas dabar turi tikrai akivaizdžią ir patenkinamą patirtį, kai jį paspaudžiate.
Tai, kas ateina į galvą: kai koreguojate santykinę padėtį tokiomis viršutinėmis / kairėmis / apatinėmis / dešinėmis vertėmis, turite būti atsargūs ateityje, jei jums reikia absoliučiai išdėstyti elementą. Galite sulaukti beprotiškų šuolių, nes „viršuje / kairėje / apačioje / dešinėje“ reiškia absoliučią padėties nustatymą žymiai kitaip nei santykinai.