Minggu, 24 Desember 2017

Cara Membuat Background Berwarna dan Transparan Dengan CSS


CSS bisa melakukan apapun! Desain web? Mudah saja menggunakan CSS. Misalnya membuat background yang berwarna tetapi transparan. Untuk membuatnya, kita menggunakan value color rgba. Untuk contohnya bisa lihat gambar di bawah.


Nah untuk membuat seperti gambar di atas. Kita perlu membuat sebuah tag dengan dibumbui CSS dengan properti background atau background-color. Lalu, untuk value-nya seperti yang saya katakan tadi, kita menggunakan value rgba.

Contoh :
background-color: rgba(0,0,0, 0.7)
maka hasilnya seperti ini.
Berwarna hitam dan transparan

Perlu diingat bahwa angka 0,0,0 merupakan kode dasar warna hitam. Sedangkan angka keempat (terakhir) adalah tingkat kejelasan atau kecerahan dari warna dasar (tiga angka pertama).
Jadi jika anda ingin mengganti warna dasarnya, maka yang harus diganti adalah tiga angka pertama.

Mungkin itu saja semoga bermanfaat.


EmoticonEmoticon