Tutorial : Image Hover Part 6 (Blogskin)

Tumblr_m7iqep39jj1qk4bnxo1_500_large

Assalamualaikum and annyeonghaseyo. Hari ni tieqa nak share satu lagi tuto image hover. Image hover yang ini versi menyenget apabila disentuh cursor. Means image korang akan hover menyenget bila dihalakan cursor. Got it? Nak buat macam tu tak? Okay, jom ikut tuto ni.

1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Copy code dekat bawah ni
img {
border-radius:10px;
border:none;
}
img:hover {
filter:Alpha(Opacity=50,FinishOpacity=0,Style=0);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
padding-left: 160px;
-webkit-transition: 1.5s;
-webkit-transform: rotate(6deg);
}
4. Paste di atas code tadi
5. Preview & save