Belajar Mengenai Hover CSS ! | Dezain
Posted by : Unknown Rabu, 05 Maret 2014


Belajar Mengenai Hover CSS ! - Hallo Dezainers ! Kali ini kita akan belajar mengenai hover css, yuk langsung disimak.

Hover ? Apaan tuh ?
Hover adalah kondisi suatu objek saat mouse/cursor menyentuhnya.

Okey, untuk membuat efek hover tentunya kamu harus membuat css yang akan di hover nantinya.
Setelah itu tambahkan :hover pada css yang telah kamu buat sebelumnya
Ex : .dezain {........}Menjadi
.dezain:hover {........}
Untuk membuat perubahan pada saat hover aktif, kamu hanya perlu membedakan element yang ingin kamu rubah saat hover contohnya

Default
.dezain {
background-color: #fff;
}
Hover
.dezain:hover {
background-color: #000;
}
Hover effect akan terasa lebih klop dengan adanya transition, apa itu transition ?
Tunggu saja post selanjutnya dari kami.

Saya rasa cukup untuk pemahaman Hover CSS nya ya.
Untuk pertanyaan lebih lanjut silahkan bertanya di kolom komentar dibawah ya.
Bye,
Salam Dezain.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2014 Dezain - Katro Flat - Powered by Blogger - Re-Designed by Muhammad Sofyan - Designed by Johanes Djogan