Artikel kali ini merupakan teknik CSS3 (sok-sok an pake CSS3), gue mau kenalin tentang RGBA (red green blue alpha) atau RGB dan Opacity yang biasa digunakan untuk mengatur warna. RGB itu format warna yang paling umum digunakan dalam dunia digital (dunia maya, tapi bukan dunia lain). Semua warna yang kita lihat dilayar monitor semuanya merupakan kombinasi dari warna merah, hijau dan biru. Nilai setiap elemen RGB tersebut berkisar antara 0 sampai 255. Dengan rgba dalam CSS3 ini, kita tidak perlu lagi menggunakan format warna heksadesimal yang sudah ngetop duluan di dunia web design (heksadesimal emang kyak artis papan atas ckckckck).
Berikut ini contoh warna RGB :
Dengan mempelajari RGBA ini kita punya opsi lain yang bisa kita gunakan. Selain itu di RGBA ada alpha untuk menentukan tingkat transparansi dari warna RGB yang kita pilih (beta sama gamma kemana ya? kyaknya lagi maen congklak..). Nilai yang digunakan antara 0 sampai 1. Jika 0 yang digunakan berarti 100% transparan alias tidak kelihatan. Sebaliknya jika 1 berarti tingkat transparannya nol jadi warna kelihatan dengan jelas. rgba ini bisa digunakan buat semua properti CSS yang bisa diwarnai, sepertibackground, border dan teks.
Gimana sih cara mengetikkan RGBA pada CSS? nih liat CSS code dibawah :
div { background-color: rgb(255,0,0); opacity: 1; }
Atau bisa disingkat seperti ini :
div {background-color: rgb(255,0,0,1);}
Coba lihat pada Code CSS diatas, ada angka (255,0,0,1) itu artinya (red,green,blue,alpha).
Sekian dulu Tutorialnya. Nanti bikin lagi :D
Add new comment