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.

15 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat