Cara buat semi transparent background ni aku buat untuk rujukan sendiri.. tapi aku mau share ..hehe bukan apa.. aku malas simpan code ni dalam kepala.. lagi pun aku pelupa.. haha
Cara buat senang saja.. cuma masukkan code di bawah pada background
background:rgba(21, 21, 21, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000)";
contoh penggunaan code
outer-wrapper {background:rgba(21, 21, 21, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000)";}
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000, endColorstr=#90000)";}
jangan pula guna code ni pada body.. ('',)
code warna ni pelik sikit.. menggunakan code rgba.. bukan yang biasa yang guna pagar dan code warna tu...
code warna dlm code tu pada background:rgba(21,21,21,0.8)
0.8 tu tahap transparent.. 0.1 paling telus.. paling tinggi 0.9.. kalau 1.0 memang tidak lepas JPJ punya.. haha..
Sekian
Tidak ada komentar:
Posting Komentar