Bismillah, Sekarang kita akan membahas tentang RGBA Effect yang juga termasuk dalam css3.
RGBA pada versi css sebelumnya disebut RGB (Red, Green, Blue) lalu pada versi css3 ditambah alpha atau opacity.
Contoh hasil penggunaan RGBA Effect:
Awal:
Menjadi:
Code yang saya gunakan adalah "background: rgba(0, 100, 110, .3);"
Nilai 0 adalah Red (R)
Nilai 100 adalah Green (G)
Nilai 110 adalah Blue (B)
Nilai 3 adalah Alpha (A)
Contoh pembuatannya:
1. Upload 1 gambar ke post
2. Klik tab edit html pada post
Lihat code berikut:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="Link gambar"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 230px; height: 98px;" src="Url Gambar" alt="RGBA Effect" border="0" /></a>
3. Tambahkan code background: rgba(0, 100, 110, .3); disamping code yang berwarna merah
4. Terbitkan entri/simpan
Catatan :
Code RGBA adalah "rgba(Red, Green, Blue, Alpha)"
Jika belum jelas silahkan koment
Ide Desain Kreatif dan Contoh Tampak Depan Rumah Minimalis 2 Lantai
-
Rumah minimalis kini menjadi gaya desain rumah yang sangat diminati. Adanya
keterbatasan lahan membuat rumah ini menjadi pilihan utama karena
Baca Seleng...
12 komentar :
Gunanya buat apa ya?
blh tanya gak..???
srry saya baru belajar ngeblog.....
R G B A apa tu..????
nyoba ah . . .
@budy memasukan parameter warna
@Bang koko kan udah di bilang dia atas coba baca
MERDEKA!!!
keren juga yah...
Maknyosss banget... Agus Mustofa
ngerubah warna to . .
"save"
ada tabel daftar rgbanya gak ? :)
Sedikit kasih masukan, jika baik silakan silakan di terima tapi jika kurang baik saya tidak keberatan jika komen ini di hapus. d rian mestinya di kasih contoh di artikelnya biar pemula langsung ngerti, selain itu dengan adanya contoh dalam setiap panduan. maka seseorang bisa memutuskan apakah akan memasangnya di blog atau tidak. di takutkan ada orang yang kecewa terus pergi dan ga mau balik lagi. mudah-mudahan bermanfaat.
terimakasih ya ilmunya. ternya RGB udah di update jadi RGBA ^_^) ketinggala info ni
@kang salman contohnya ada tuh diatas
Posting Komentar