//under the same sky

Saturday, September 10, 2011 at 9:23 AM with ≡

Credits To: themaxdavis
Jadi maksud Transparent Image Hover adalah hover yg ada dalam image jadi jika Image itu tersorot oleh kursor akan menjadi transparant ;) mau tau caranya??langsung saja:
Dashboard>>Design>>Edit HTML
Kemudian Ctrl+F Atau tekan F3 Lalu cari kode ini <Head>
Kemudian COPAS kode dibawah ini sesudah kode <Head>

<style type="text/css">
img{opacity: 1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
img:hover{opacity: 0.6;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
</style>

P/s merah itu ketebalan Opacitynya kamu bisa ganti itu dengan keinginan kamu sendiri

Kalau sudah tinggal save Template ;)

Labels: Tutorial