Am creat aspectul unui buton în starea sa obișnuită, dar un astfel de buton 3D imploră o stare „împinsă”. Ceea ce facem este să adăugăm o culoare mai închisă la butonul de pe :hoverși :focus. Apoi, pentru :active(împins), scoatem o parte din box-shadows și o împingem în jos și spre dreapta cu poziționare relativă. Este la fel de simplu, butonul are acum o experiență evidentă și satisfăcătoare atunci când faceți clic pe el.
Una care îmi vine în minte: atunci când reglați poziționarea relativă cu valori de sus / stânga / jos / dreapta, trebuie să fiți atenți în viitor dacă trebuie să poziționați absolut elementul. S-ar putea să faceți câteva salturi nebunești, deoarece sus / stânga / jos / dreapta înseamnă ceva mult diferit cu poziționarea absolută decât cu poziționarea relativă.