# 038: Додавање држава дугмади - ЦСС-трикови

Anonim

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

Онај који ми пада на памет: када подесите релативно позиционирање са горњим / левим / доњим / десним вредностима на тај начин, убудуће морате бити опрезни ако требате апсолутно позиционирати елемент. Можда ћете се десити неки луди скокови, јер горе / лево / доле / десно подразумевају нешто далеко другачије са апсолутним позиционирањем него што је то случај са релативним позиционирањем.