Membuat efek gambar blog gelap terang

Membuat efek gambar blog gelap terang

Kembali aku akan menuliskan tentang efek image hover yaitu membuat efek gambar blog gelap terang, maksudnya seperti gambar image di blog aku ini awalnya gambar kelihatan delap kemudian kalau disentuh cursor akan berubah menjadi terang. Dan aku akan memberikan dua tutorial sekaligus pertama gambar menjadi gelap terang dan kedua efek gambar dari terang ke gelap.

Efek image hover gelap ke terang:
1.Masuk Design/rancangan > Tata Letak > Tambahkan Gadget
2.HTML/JavaScript dan masukkan kode di bawah ini:
<style>
 img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
 }
 img:hover {
 filter:alpha(opacity=100);
 -moz-opacity:.0;
opacity:1.0;
}
 </style>


Untuk efek image gambar hover dari terang ke gelap di bawah ini kodenya:
<style>
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
 .post a:hover img {
 filter:alpha(opacity=70);
-moz-opacity: 0.7;
 opacity: 0.7;
}
</style>
3.Setelah itu simpan dan lihat hasilnya jadi apa enggak.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

©2014-Personal Blog Pribadi-Design oleh Ananda Jogja