Stworzyliśmy wygląd przycisku w jego normalnym stanie, ale taki przycisk 3D błaga o stan „wciśnięty”. Dodajemy ciemniejszy kolor do przycisku :hoveri :focus. Następnie dla :active(popchniętego) usuwamy niektóre z box-shadows i przesuwamy go w dół i w prawo z względnym pozycjonowaniem. To takie proste, przycisk ma teraz naprawdę oczywiste i satysfakcjonujące wrażenia po kliknięciu.
Jeden, który przychodzi na myśl: kiedy dostosowujesz względne pozycjonowanie za pomocą takich wartości górnych / lewych / dolnych / prawych, musisz zachować ostrożność w przyszłości, jeśli musisz bezwzględnie ustawić element. Możesz mieć szalone skoki, ponieważ góra / lewo / dół / prawo oznacza coś zupełnie innego w przypadku pozycjonowania bezwzględnego niż w przypadku pozycjonowania względnego.