Transparent Image Hover ( Like Me )
Halo apa kabar semuanya? semoga baik - baik aja ya :)
Ada yang rindu sama postinganku nggak? Kan aku kemarin nggak posting ( karena males + nggak ada artikel untuk di posting ). Yang di strike ini jangan di baca ya :p
Kamu tau apa itu transparent image hover? Nggak tau? Coba kamu arahkan kursor kamu di gambar di bawah ini :
Dashboard>>Design>>Edit HTML
Kemudian Ctrl+F Atau tekan F3 Lalu cari kode ini :
<head>
Kemudian COPY kode di bawah 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>
Keterangan :
merah itu ketebalan Opacitynya kamu bisa ganti itu dengan keinginan kamu sendiri =)
Lalu kode itu akan menjadi seperti gambar di bawah :
 |
| Oklikko gambar untuk memperbesar |
Kalau sudah tinggal Simpan Template
Credit Code : Kak LuluLabels: tips dan trik blogger
OLD • NEW
