# 038: Menambahkan Status Tombol - Trik CSS

Anonim

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 :hoverdan :focus. Kemudian untuk :active(didorong), kami menghapus beberapa box-shadows 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.