Tips Trik Membuat Box Area Efek Gelap Terang Dengan CSS3

Cara membuat kotek area efek gelap terang adalah sbb:

• Log in di blogger
• Klik Rancangan
• Klik Edit HTML
• Cari kode ]]></b:skin> ( Gunakan ctrl + f untuk mempercepat pencarian )
• Copy  kode di bawah ini dan paste di atas kode ]]></b:skin>

.mybox{
position:relative;
display:block;
width:200px;
max-height:400px;
background:#fff;
color:#000;
overflow:auto;
padding:20px 15px;
margin:20px 5px;
border:2px solid #777;
border-radius:6px;
opacity:0.2;
filter:alpha(opacity=20);
transition:1s;
 -o-transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
}
.mybox:hover{
opacity:1.0;
filter:alpha(opacity=100);
}

Untuk penulisan di postingan gunakan kode di bawah ini:

<div class="mybox">
Letakkan teks, image atau yang lainnya di sini </div>

Penting: Penulisan kode harus di mode edit HTML bukan COMPOSE

Untuk melihat Demo coba letakkan kursor Anda dikotak area dibawah:

Related Post:

Tips Trik Blogger

• Tips Trik Membuat Daftar Isi Diblog
• Tips Trik Membuat Related Post Dengan Fungsi Scroll
• Tips Trik Membuat Related Post Dipostingan Blog
• Tips Trik Membuat Artikel Terkait Dengan Icon
• Tips Trik Membuat Box Cantik Efek Jahitan
• Tips Trik Menghapus Nomor pada Label
• Tips Trik Menghilangkan Underline ( Garis Di Bawah Link )
• Tips Trik Membuat Readmore Otomatis di Blog
• Membuat Syntax Highlighter Di Blogspot