Створили смо изглед дугмета у уобичајеном стању, али такво 3Д дугме моли за „потиснуто“ стање. Оно што ми радимо је додавање тамније боје дугмету на :hover
и :focus
. Затим за :active
(гурнуто) уклањамо неке од box-shadow
с и гурнемо их надоле и удесно релативним позиционирањем. Једноставно је то, дугме сада има заиста очигледно и задовољавајуће искуство када га кликнете.
Онај који ми пада на памет: када подесите релативно позиционирање са горњим / левим / доњим / десним вредностима на тај начин, убудуће морате бити опрезни ако требате апсолутно позиционирати елемент. Можда ћете се десити неки луди скокови, јер горе / лево / доле / десно подразумевају нешто далеко другачије са апсолутним позиционирањем него што је то случај са релативним позиционирањем.