Pengunaan Nilai RGBA Pada CSS3

Oke balik lagi dengan saya di artikel dumetschool masih diseri CSS3 sekarang kita akan mencoba melanjutkan studi kasus dalam membuat elemen menjadi transparan Misalnya saya sudah buat dua buah elemen dimana kita berikan opacity untuk <div> parentnya maka <div> nya akan menjadi transparan tapi pada saat kita berikan opacity pada elemen parentnya maka semua elemen didalamnya akan ikut transparan. Tapi pada kasusnya kita tidak mau elemen didalamnya ikut transparan ternyata kita tidak bisa menggunakan property opacity walaupun kita berikan opacity 100% pada elemen childnya. Untuk kasus diatas sekarang kita hanya buat elemen parentnya saja yang transparan hasilnya seperti berikut

maka dari itu kita tidak lagi menggunakan property opacity melainkan kita menggunakan property CSS3 yang namanya rgba() yakni Red Green Blue dan Aplha jadi rgba ini gunanya memberikan warna beserta transparansinya. Misalnya saya berikan nilai RGB-nya sebagai berikut

tapi saya berikan satu parameter lagi yaitu transparansinya. Nilainya sama seperti opacity yaitu 0 sampai 1. Sekarang teman teman bisa buat warna parentnya transparan tapi elemen didalamnya tidak.

kenapa demikian karena ? yang kita berikan transparan itu warnanya bukan elemennya lagi. Jadi rgba ini digunakan untuk membuat transparansi hanya pada warna sedangkan opacity itu digunakan untuk transparansi pada semua elemen HTMLnya. Terima kasih.