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 :hover
dan :focus
. Kemudian untuk :active
(didorong), kami mengeluarkan beberapa box-shadow
s 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.