Tutorial : Images Effect (Blur+Clear)

Live Preview :

1. Template --> Edit Html --> Tick Box Code --> CRTL+F
2. Cari kod :  img{ kalau nak semua image termasuk dekat sidebar blur.. atau .post img{ images blur dekat dalam post aje.
3. Copy dan paste code ini dibawah code img{ atau .post img{ :
img{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
}
img:hover{
filter: none;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
4. Preview.. Haaa blur tak gambar korunk tuh ? ?
5. Kalau blurr , save ! :)
Siap !

No comments

Terima kasih kerana sudi menulis komen di blog Nurrul, sebarang pertanyaan akan dibalas secepatnya. Jazakallahu khairan