Wir haben das Aussehen eines Buttons in seinem normalen Zustand erstellt, aber ein 3D-Button wie dieser schreit geradezu nach einem "gedrückten" Zustand. Was wir tun, ist, dem Button auf :hover und :focus eine dunklere Farbe zu geben. Dann entfernen wir für :active (gedrückt) einige der box-shadows und schieben ihn mit relativer Positionierung nach unten und rechts. So einfach ist das, der Button hat jetzt ein wirklich deutliches und befriedigendes Erlebnis, wenn man ihn anklickt.
Eines, das mir einfällt: Wenn Sie die relative Positionierung mit top/left/bottom/right-Werten auf diese Weise anpassen, müssen Sie in Zukunft vorsichtig sein, wenn Sie das Element absolut positionieren müssen. Es kann zu verrückten Sprüngen kommen, da top/left/bottom/right bei absoluter Positionierung etwas ganz anderes bedeutet als bei relativer Positionierung.