Cara membuat web transparan 1

Mungkin pembaca sering melihat desin web yang bagus2. untuk para pembaca yang sedang belajar programer web ingin membuat website yang bertampilan menarik supaya menarik pengunjung.
salah satunya dengan membuat web yang bertransparan. Disini akan saya sampaikan cara membuat transparansi pada web yang menggunakan CSS. Yang identiknya CSS memang di peruntukkan untuk keperluan desain ataupu pemanis pada sebuah website...
langsung saja pada scriptnya.

Transparansi pada tulisan
pertama membuat sebuah tulisan tentunya...
lalu masukan tulisan tersebut dalam tag <div>  yang didalamnya dimasukan class="" yang didalam tanda petik2 ("") dimasukan variabel ayng akan di panggil dalam file CSS kita....
jangan lupa di awal sebelum tulisan artikel kita
contoh:
<div class="transparan1"></div>

lalu di dalam css-nya kita tulis begini
contoh:
.transparan1{background:#000;opacity:0.4;filter:alpha(opacity=40);}

".transparan1" adalah fariabel yang kita masukan di dalam <div> dalam html kita tadi.
"background:#000;" adalah yang digunakan untuk background tulisan kita
"opacity:0.4" adalah tingkat transparansi yang digunkan
 dan ini adalah daftar yang filter yang digunakan membuka file css dalam browser

  1. opacity: 0,5; – Ini adalah bagian yang terpenting dan merupakan standar CSS. Ini dapat berfungsi pada beberapa jenis browser seperti Firefox, Safari dan Opera.
  2. filter:alpha(opacity=50); Ini sangat berguna untuk IE.
  3. -moz-opacity:0.5; Ini berguna untuk mendukung jenis browser tua seperti Netscape.
  4. -khtml-opacity: 0.5; Ini berguna untuk versi lama dari Safari (1.x) .
ini adalah contoh website yang menggunakan transparansi

bila ingin puas silahkan coba sendiri...
:-)

0 Response to "Cara membuat web transparan 1"

Posting Komentar