Tutorial : Image Hover Part 6 (Blogskin)

Assalamualaikum and annyeonghaseyo. Hari ni rienna 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