16/07/2018 Risman Hakim 1609 Website
Cara Membuat Efek Hover Caption - Hover merupakan suatu properti CSS yang bisa kita manfaatkan dalam menambahkan efek terhadap suatu elemen ataupun objek, misalnya saja kita dapat menambahkan efek rotasi, perubahan warna, jenis huruf ataupun efek yang lainnya. Nah pada kesempatan kali ini saya akan bagikan tutorial sederhana tentang efek yakni bagaimana Cara Membuat Efek Hover Caption. Penasaran seperti apa cara membuatnya, langsung saja simak langkah - langkah berikut ini.
Baik kita mulai langkah pertama dengan mengetikan sintak HTML sederhana sebagai struktur awal untuk menambahkan konten caption dan gambar.
Setelah membuat struktur seperti diatas, langkah berikutnya untuk membuat efek hover caption tentu kita akan memanfaatkan sintak CSS untuk efek hovernya, untuk itu silahkan ketikan sintak CSSnya berikut ini.
Setelah semua sintak CSS dan HTML telah diketikan, langkah terakhir simpan filenya kemudian buka pada browser masing - masing dan lihat hasilnya. Maka ketikan kita mengarahkan kursor terhadap gambar akan terdapat efek yang terjadi pada captionnya. Selesai
Baiklah, cukup sekian tutorial sederhana mengenai bagaimana Cara Membuat Efek Hover Caption, semoga bermanfaat dan menambah referensi dalam membuat efek dan animasi dengan CSS, sampai jumpa lagi pada tutorial selanjutnya. Selamat mencoba :)
Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.
Learn More
Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.
Learn More