Monday 13 May 2013

Tutorial : Image Hover 15 (Turn To Black)


Assalamualaikum . Yang tadi punya , image akan terang bila cursor dihalakan pada gambar yang asalnya warna hitam kan ? Sekarang terbalik pulak . Faham kan ? Malas nak explain panjang - panjang . lol

Blogskin/Classic Template
1. Dashboard > Template
2. Press F3 dan cari code img{
3. Copy code di bawah ni 
img{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
transition: all .7s linear;
}
img:hover{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
-webkit-filter: brightness(15%);
z-index: -100px;
}
4. Tukar code yang korang cari tadi dengan code yang korang copy tadi
5. Preview & save

Template Designer
1. Dashboard > Design > Edit HTML > Tick Expands Widget
2. Press F3 dan cari code img{
3. Gantikan code yang korang cari tadi dengan code yang korang copy tadi
4. Preview & save

Credit to : AtinTory

0 comments: