Membuat website menjadi transparan dengan css

Dec

Membuat website menjadi transparan dengan css

Tue 2008 at 12:35 pm by Yustian M

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 :

opacity: 0,5; – Ini adalah bagian yang terpenting dan merupakan standar CSS. Ini dapat berfungsi pada beberapa jenis browser seperti Firefox, Safari dan Opera.
filter:alpha(opacity=50); Ini sangat berguna untuk IE.
-moz-opacity:0.5; Ini berguna untuk mendukung jenis browser tua seperti Netscape.
-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.

Popularity: 34% [?]

belajar, blog, browser, code, css, Firefox, themes, tutorial, web desain, Website

This post was written by:

Yustian M - who has written 55 posts on Yustian Blog.

Artikel ini dapat disebar,dimodifikasi,dicopy dan digunakan sebagaimana semestinya. Dengan menyantumkan nama dan referensi asli. Dan bila ingin berlangganan berita dan artikel diblog ini silahkan Subscribe ke RSS Feed Yustian Blog dan Email Subscription Request

Contact the author

20 Comments For This Post

23 Dec 2008 7:40 pm

#80

Rifai says:

thx atas tips-nya mas..
-kegelapan itu parameter apanya yaa mas..?

btw, sepertinya nuansa akhir tahun sudah berhempus nihh di webnya mas Yustian..

Keren loh mas, serpihan saljunya..!

23 Dec 2008 8:20 pm

#82
Yustian M says:
Haa.. gara – gara sering mati lampu nih jadi ketulis kegelapan . Ia mas dalam waktu dekat situs ini akan dihiasi dengan salju

24 Dec 2008 6:00 am

#87

project says:

save as dulu

24 Dec 2008 6:01 am

#88

project says:

mang dimana mas sering mati lampu, PLN dah pindah mangsa kali ya, hehe

25 Dec 2008 2:52 pm

#99
Yustian M says:
Di palu sulawesi tengah wah PLN kaya predator saja

05 Jan 2009 12:03 pm

#141

yaddi says:

wah.. thanks banget ats yips cssnya.., kunjungi blog saya ya…
btw gimana cara menampilkan kode smiley ketika si roll over di smiley themer xi…?

05 Jan 2009 8:45 pm

#142
Yustian M says:
Segara menuju tkp . Apakah yang anda maksud kode smilies untuk wordpress?

08 Jan 2009 6:23 am

#146

We Buy Ugly Houses says:

Wow,super site here!

05 Feb 2009 2:46 pm

#241

junshu says:

gmna sich cara pertama ato awal nya bikin website???????

06 Feb 2009 3:03 am

#245
Yustian M says:
Ada beberapa langkah yang sering saya terapkan dalam membuat sebuah website berikut ini garis besarnya:
1. Perencanaan
2. Design
3. Coding
4. Testing
5. Publishing
6. SEO
Untuk lebih detailnya mungkin akan saya jelaskan pada artikel yang akan lanjut. So as often as visiting this blog ya