Létrehoztuk egy gomb kinézetét normál állapotban, de egy ilyen 3D gomb egy „nyomott” állapotért könyörög. Amit teszünk, sötétebb színt adunk a :hover
és gombra :focus
. Ezután a :active
(tolt) számára eltávolítunk néhányat box-shadow
, és relatív helyzetben lefelé és jobbra toljuk . Ennyire egyszerű, a gombra most már igazán nyilvánvaló és kielégítő élményt nyújt, amikor rákattint.
Olyan, ami eszembe jut: amikor a relatív elhelyezést úgy állítja be a felső / bal / alsó / jobb / jobb értékekkel, hogy a jövőben óvatosnak kell lennie, ha abszolút helyzetbe kell hoznia az elemet. Lehet, hogy néhány őrült ugrás van folyamatban, mivel a felső / bal / alsó / jobb oldali valami egészen mást jelent az abszolút pozicionálásnál, mint a relatív pozicionálásnál.