Membuat website menjadi transparan dengan css

Transparansi design pada situs merupakan salah satu hal yang sulit untuk diterapkan di semua browser. Dengan melakukan transparasi pada themes akan menambahkan unsur artistik pada website ataupun blog. Pertanyaannya sekarang bagaimana cara membuat Transparent CSS ini. Untuk itu memerlukan empat statment pada CSS. Apa saja statment yang dibutuhkan :

  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) .

Keempatnya sangat berguna dan saling berhubungan satu dengan lainnya untuk dapat berfungsi dengan browser. Berikut ini salah satu contoh penerapannya:

. transparent_class (
filter: alpha (opacity = 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
)

Semoga dapat membantu dalam mempelajari CSS.

Iklan

Tentang wuuuuuhhhh

Berbagi Ilmu Dengan Ikhlas
Pos ini dipublikasikan di All About Wordpress. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

w

Connecting to %s