Tutorial : Images Effect (Grey)

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 {
background: url(http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1);
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: none; filter: grayscale(0);}
img:hover {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray; filter: grayscale(100%);
-webkit-transition: 1.0s;-moz-transition: 1.0s;
}
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