# 038: Menambah Negeri Butang - Trik CSS

Anonim

Kami telah membuat rupa butang dalam keadaan biasa, tetapi butang 3D seperti itu meminta keadaan "didorong". Apa yang kami lakukan ialah menambahkan warna yang lebih gelap pada butang :hoverdan :focus. Kemudian untuk :active(didorong), kami mengeluarkan beberapa box-shadows dan mendorongnya ke bawah dan ke kanan dengan kedudukan relatif. Semudah itu, butang kini mempunyai pengalaman yang sangat jelas dan memuaskan semasa anda mengkliknya.

Satu yang terpikir: apabila anda menyesuaikan kedudukan relatif dengan nilai atas / kiri / bawah / kanan seperti itu, anda harus berhati-hati di masa depan jika anda perlu meletakkan elemen tersebut secara mutlak. Anda mungkin akan melakukan lompatan gila, kerana atas / kiri / bawah / kanan bermaksud sesuatu yang jauh berbeza dengan kedudukan mutlak daripada yang dilakukan dengan kedudukan relatif.