# 038: Tilføjelse af knaptilstande - CSS-tricks

Anonim

Vi har oprettet udseendet af en knap i den normale tilstand, men en sådan 3D-knap beder om en "skubbet" tilstand. Hvad vi gør er at tilføje en mørkere farve til knappen på :hoverog :focus. Så for :active(skubbet) fjerner vi nogle af box-shadows og skubber det ned og til højre med relativ positionering. Det er så simpelt som det, knappen har nu en virkelig åbenbar og tilfredsstillende oplevelse, når du klikker på den.

En, der kommer i tankerne: Når du justerer relativ positionering med top / venstre / bund / højre værdier sådan, skal du være forsigtig i fremtiden, hvis du absolut skal placere elementet. Du kan muligvis få nogle vanvittige spring i gang, da øverst / venstre / nederst / højre betyder noget langt anderledes med absolut positionering end det gør med relativ positionering.