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

ღ Nice to see , nice to read ,
Once comment , I will hit you back ! :D
Its that true my poem ? HAHA. Ignore it..

Thanks , I love you all !