.boxwidget {
height: 250px;
overflow: auto;
margin: 20px 4px 10px;
padding: 15px 8px;
background: #111;
color: #666;
border: 2px solid #555;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
opacity: 0.4;
filter:alpha(opacity=40);
-o-transition: all ease-in 1.2s;
-moz-transition: all ease-in 1.2s;
-webkit-transition: all ease-in 1.2s;
}
.boxwidget:hover {
background: #660000;
color: #eee;
opacity: 1.0;
filter: alpha(opacity=100);
}
Simpan script diatas CSS di atas kode ]]></b:skin>
Simpan xHTML melalui dibawah ini di antara tag pembuka <body> dan tag penutup </body>
height: 250px;
overflow: auto;
margin: 20px 4px 10px;
padding: 15px 8px;
background: #111;
color: #666;
border: 2px solid #555;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
opacity: 0.4;
filter:alpha(opacity=40);
-o-transition: all ease-in 1.2s;
-moz-transition: all ease-in 1.2s;
-webkit-transition: all ease-in 1.2s;
}
.boxwidget:hover {
background: #660000;
color: #eee;
opacity: 1.0;
filter: alpha(opacity=100);
}
Simpan script diatas CSS di atas kode ]]></b:skin>
Simpan xHTML melalui dibawah ini di antara tag pembuka <body> dan tag penutup </body>
<div class="boxwidget">
Di sini widget atau Teks diletakkan!
</div> 
0 Response to "Script Untuk Membuat Box dengan Opacity (Transparan)"
Posting Komentar