Mengatur opacity pada css dapat memberikan efek animasi yang terkadang memberikan efek menarik pada web kita sekarang saya coba untuk membagi pengalaman saya dalam mengatur css opacity berikut potongan scriptnya :
<html>
<title></title>
<head>
<style type="text/css">
.image {
border:1px solid #6495ED;
padding:2px;
cursor:pointer;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
.image:Hover {
border:1px solid #ffc35a;
background-color: #fff;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:100;
}
</style>
</head>
<body>
<img class="image" src="images.jpeg" />
</body>
</html>
Oh iya gambar yang digunakan hanya satu gambar sistem kerjanya bukan mengganti gambar nanum hanya opacitynya saja yang dimanipulasi oleh script css nya.ingetyah cuman satu gambar jdi tidak perlu menyiapkan dua gambar.
silahkan dipelajari dan selamat mencoba kalau coment anda terbaca saya akan coba menjawabnya ehehe sok sibuk.
