Kami telah membuat tampilan tombol dalam kondisi biasa, tetapi tombol 3D seperti itu meminta status "didorong". Yang kami lakukan adalah menambahkan warna yang lebih gelap ke tombol on :hover
dan :focus
. Kemudian untuk :active
(didorong), kami menghapus beberapa box-shadow
s dan mendorongnya ke bawah dan ke kanan dengan pemosisian relatif. Sesederhana itu, tombol tersebut sekarang memiliki pengalaman yang sangat jelas dan memuaskan saat Anda mengkliknya.
Satu yang muncul dalam pikiran: ketika Anda menyesuaikan posisi relatif dengan nilai atas / kiri / bawah / kanan seperti itu, Anda harus berhati-hati di masa mendatang jika Anda perlu benar-benar memposisikan elemen. Anda mungkin mendapatkan beberapa lompatan gila yang terjadi, karena atas / kiri / bawah / kanan berarti sesuatu yang jauh berbeda dengan pemosisian absolut daripada dengan pemosisian relatif.