BAB 4
opacity adalah salah satu property CSS,
sedangkan fungsi dari opacity adalah untuk mentransparantkan box(bidang)
maupun sedikit mentranparantkan tag/box bidang.
Buat script / file dengan nama
opacity.html berikut scriptnya :
<html>
<head>
<title>property opacity</title>
<style type="text/css">
.ditest-untuk-opacity{
margin:5px;
border:4px double lime;
padding:30px;
background-color:blue;
-moz-border-radius:20px;
width:300px;
height:300px;
font-size:30px;
}
#opacity1{
opacity:0.1;
}
#opacity2{
opacity:0.2;
}
#opacity3{
opacity:0.3;
}
#opacity4{
opacity:0.4;
}
#opacity5{
opacity:0.5;
}
#opacity6{
opacity:0.6;
}
#opacity7{
opacity:0.7;
}
#opacity8{
opacity:0.8;
}
#opacity9{
opacity:0.9;
}
#opacity10{
opacity:1.0;
}
#opacity11{
opacity:0.0;
}
#ie1{
filter:alpha(opacity=40);
}
#ie2{
filter:alpha(opacity=80);
}
</style>
</head>
<body>
<div id="opacity1"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity2"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity3"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity4"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity5"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity6"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity7"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity8"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity9"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity10"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="opacity11"><p>perhatikan dengan
sedikit jelas</p></div>
<div id="ie1"><p>untuk
ie</p></div>
<div id="ie2"><p>untuk ie</p></div>
</body>
</html>
Selanjutnya saya akan Berbagi seputar BAB 4 - RGBA Color ,
kunjungi terus Sidary
Peraturan :
1. Dilarang Menggunakan Link
2. Dilarang Membuat Kata-kata Sex, porn, Dsb
3. Komentar Yang Positif.
EmoticonEmoticon