Mēs esam izveidojuši pogas izskatu tā parastajā stāvoklī, bet šāda 3D poga lūdz “nospiestu” stāvokli. Tas, ko mēs darām, ir pievienot pogai uz :hoverun tumšāku krāsu :focus. Tad attiecībā uz :active(stumtu) mēs noņemam dažus box-shadows un virzām to uz leju un pa labi ar relatīvu pozicionēšanu. Tas ir tik vienkārši, ka pogai tagad ir patiešām acīmredzama un apmierinoša pieredze, noklikšķinot uz tās.
Tas, kas nāk prātā: pielāgojot relatīvo pozicionēšanu ar šādām augšējām / kreisajām / apakšējām / labajām vērtībām, jums nākotnē jābūt uzmanīgam, ja jums ir nepieciešams absolūti novietot elementu. Jūs varētu saņemt dažus trakus lēcienus, jo augšējā / kreisā / apakšējā / labā puse nozīmē absolūti labu pozīciju atšķirību nekā relatīvā pozicionēšana.