# 038: Gombállapotok hozzáadása - CSS-trükkök

Anonim

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.