Tutorial : Images Effect (Sepia)

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{
filter: sepia(0%);
-webkit-filter: sepia(0%);
-moz-filter: sepia(0%);
-webkit-filter(0);
}
img:hover{
filter: sepia(100%);
-webkit-filter: sepia(100%);
-moz-filter: sepia(100%);-webkit-filter(1);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
4. Preview..
5. Save ! :)



No comments

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