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 {........}MenjadiUntuk membuat perubahan pada saat hover aktif, kamu hanya perlu membedakan element yang ingin kamu rubah saat hover contohnya
.dezain:hover {........}
Hover effect akan terasa lebih klop dengan adanya transition, apa itu transition ?
Default
.dezain {
background-color: #fff;
}
Hover
.dezain:hover {
background-color: #000;
}
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.
Entri Populer
-
CSS First Letter, Menghias Huruf Pertama. - Hallo ! Sudah lama tidak post, dan kali ini mau memberikan pemahaman tentang CSS first lette...
-
Cara Meng-Input Fonts Dari Google Fonts Ke Blog Maupun Website - Hallo sobat dezain ! Pada kesempatan kali ini, kami akan memberikan cara a...
-
Cara Menghias Tampilan Table Dengan CSS ! - Hallo Dezainers, kali ini kami akan memberikan sebuah tips untuk menghias tampilan table di...
-
Situs Yang Bikin Blog Kamu Lebih Berwarna ! - Hallo Dezainers, kali ini kami akan memberikan kamu sebuah pengetahuan nih, yuk langsung a...
-
Website Yang Dapat Membantu Kamu Membuat CSS ! - Hallo, kali ini kita akan membahas tentang website yang dapat membantu kamu dalam membua...
-
Belajar Mengenai Hover CSS ! - Hallo Dezainers ! Kali ini kita akan belajar mengenai hover css, yuk langsung disimak. Hover ? Apaa...
-
CSS Untuk Menghias Blockquote atau Kotak Quote - Hallo, pada post kali ini Dezain akan memberikan tutorial untuk menghias Blockquote a...
-
CSS Untuk Menghias Scrollbar - Hallo, Dezain akan memberikan "kembali" cara untuk mempercantik blog dengan cara menghias sc...
-
CSS Selection Styling - CSS Untuk Menghias Seleksi - Hallo, kali ini Dezain akan memberikan cara menghias selection / seleksi. Se...
-
Typography Effect Tutorial #1 - Hallo Dezainers ! Kita akan membuka blog ini dengan post pertama kita yang berisikan cara untuk membuat...