Kamis, 05 Desember 2013

Membuat Effect Transparan dengan CSS

Cara Membuat Effect Background Transparan dengan CSS

Assalamualaikum Wr. Wb.
Cara Membuat Effect Background Transparan dengan CSS | Pada malam hari ini admin akan membagikan cara membuat effect background transparan dengan menggunakan CSS (Cascading Style Sheet), cara ini tidak hanya bisa digunakan untuk background saja, tapi bisa juga di gunakan untuk gambar, table, dan lain lain.

Langkah pertama, buatlah file CSSnya : 
<style title="transparan1" type="text/css">
.transparan1{background:#333333;opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7;filter:alpha(opacity=70);}
</style>
Pada teks yang berwarna merah bisa anda ganti sesuai keinginan anda, untuk teks berwarna biru adalah tingkat transparannya,  yang berwarna hijau adalah warna backgroundnya, anda bisa mengganti warna tersebut sesuai keinginan anda, untuk peletakannya bisa lihat seperti gambar di bawah

Cara Membuat Effect Background Transparan dengan CSS

Setelah itu kita akan memanggil CSS tersebut dengan menggunakan class="transparan1" pada bagian yang ingin diberikan effect transparan, contohnya :

Cara Membuat Effect Background Transparan dengan CSS

Jika sudah, silahkan preview di Browser, bisa di Firefox atau Chromium.

sumber : http://www.parapencariilmu.co.vu

Tidak ada komentar:

Posting Komentar