Halo teman teman bertemu lagi pada tutorial Dumet School, kali ini saya akan membahas mengenai salah satu properties efek hover dengan menggunakan properties opacity, fungsi dari opacity sendiri ialah memberikan evek transparan pada suatu elemen,
oke langsung saja teman teman buat sebuah file dan ketikan script berikut :
Jika sudah teman teman save dan liat hasilnya.
Di sini saya membuat satu gambar, dan saya berikan efek opacity sebanyak 0.5 maka hasilnya akan transparan, lalu saya berikan efek hover yaitu ketika kita arahkan cursor ke arah gambar tersebut maka gambarnya akan terlihat lebih terang.
Note : semakin kecil nilai yang kita berikan pada properties opacity maka hasilnya akan semakin blur atau transparant.
Oke cukup sekian artikel kali ini , selamat mencoba 🙂