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.

Nah, tadi itu adalah cara mudah untuk membuat effect transparan menggunakan CSS, jika ada kesulitan silahkan komentar di bawah atau kirimkan ke fanspage kami, bisa juga mention ke twitter kami :D

Semoga Bermanfaat

Wassalamualaikum Wr. Wb.

Poskan Komentar

  1. efeknya bagus. lebih bagus jika diterapkan. thanks artikelnya (y)
    http://mas-linggar.blogspot.com :v

    BalasHapus

Pengunjung yang baik selalu meninggalkan komentar
Silahkan berikan komentar/kritik/saran tentang artikel ini untuk kemajuan blog ini
Mohon untuk tidak berkomentar berbau SARA, Pornografi dan Kata-kata kasar agar tidak terjadi kesalah pahaman disini...

Terima Kasih

 
Top