Dengan menggunakan fitur background overlay, Anda dapat memberikan efek pada background section atau gambar Anda.
Terdapat beberapa jenis background overlay, Antara lain
- Color Overlay
- Image Overlay
- Color + Image Overlay
Masing jenis tersebut memiliki kelebihan masing masing, Pastikan Anda menggunakan disesuaikan dengan kebutuhan Anda karena menggunakan overlay akan menimbulkan beban loading yang berat untuk situs web Anda.
Berikut adalah beberapa tampilan jenis background overlay :
Bagaimana cara melakukannya? Anda bisa memilih section atau image yang mau anda edit, kemudian atur di bagian style > background overlay
- Anda bisa memilih untuk memberi color overlay dengan memilih warna pada kolom color
- Apabila anda ingin menggunakan gambar sebagai overlay, anda bisa memasukkan gambar pada kolom image, anda juga bisa menggabungkan keduanya, gambar dan warna untuk memberi variasi
- Opacity untuk mengatur transparansi background
- Pada bagian hover, anda bisa mengatur background akan tampil seperti apa apabila user mengarahkan kursor ke section atau gambar
Dari gambar diatas, background overlay selain bisa membuat website semakin menarik, dapat berfungsi untuk memberi kontras warna apabila anda ingin menaruh tulisan agar dapat dibaca dengan jelas.