Catatan Pemrograman Komputer: css

Tampilkan postingan dengan label css. Tampilkan semua postingan

Senin, 29 Agustus 2016

Menampilkan Tombol Link Ketika Mouse Berada Diatas Gambar

irfanmg Agustus 29, 2016 0

Efek hover pada tombol bisa dibuat menggunakan CSS, kode css harus mengontrol posisi gambar tersebut dengan tepat, dimana dalam keadaan normal hanya terlihat gambar biasa kemudian ketika mouse berada diatas gambar maka akan muncul sebuah tombol, ini sangat berguna untuk menampilkan tombol ganti foto dalam aplikasi kita. Bagaimana cara membuat nya ikuti langkah-langkah berikut ini.

1. Buat sebuah file html dan ketik kode seperti berikut.

2. Maka jika dilihat pada browser akan menghasilkan seperti pada gambar 3.5 dibawah ini.