Image Hover (part 11)

source

Assalamualaikum dan hai.

Hari nie saya ade tutorial baru. Almaklumlah dah lame tak post pasal tutorial. Okay hari nie saya nak bagitau pasal image hover yang terbaru nie. Bila kita hover je gambar tu, nanti gambar tu jadi blur. Paham tak? Kalau tak paham click link dekat bawah *bukan gambar hantu ea*

CLICK HERE TO VIEW

Dah tengok? Bagus ^^ Okay jom start.

• Dashboard > Template
• Ctrl+F, cari perkataan "img" atau sewaktu dengannya.
• Padamkan kod tersebut dan copy kod di bawah

.blur img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.blur img:hover {
  -webkit-filter: blur(5px);
}

• Paste sebelum </style> .

Okay tu jelah nak update. Kalau tak paham/tak jadi, bagitau tau. Credits to designshack