Hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan belajar tentang bagaimana cara membuat konten transparan dengan background rgb.

Fungsi dari propertis background ialah untuk memberikan warna latar belakang pada suatu konten atau element dalam website, dan salah satu cara memberikan warna backgrond adalah dengan menggunakan rgb.

untuk lebih jelasnya kita langsung saja praktekan saja, pertama teman-teman silahkan buat sebuah file dan ketikan script berikut ini:

diatas saya membuat sebuah element p yang saya berikan background rgb yang merupakan warna dasar dari red,green dan blue, nah jika teman-teman save, maka hasilnya akan seperti berikut ini:

membuat kontent transparan dengan background rgb 1

Sekarang coba tambahkan ini didalam cssnya :

Saya menambahkan nilai 0.2 yang berarti kecerahan atau opacity dari lement p akan menjadi blur seperti gambar dibawah ini :

membuat kontent transparan dengan background rgb 2

Backgroundnya akan menjadi blur seperti gambar diatas, Gimana teman-teman? mudah bukan? untuk tutorial kali ini tentang membuat konten transparan dengan background rgb cukup sampai sini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, samapai bertemu pada tutorial berikutnya.

Terimakasih.