Monday 13 May 2013

Tutorial : Image Hover 14 (Black)


Assalamualaikum . Image hover kali ni memang paling jarang orang guna sebab pada mulanya gambar akan menjadi hitam . Bila korang halakan cursor kat gambar tuh , gambar tuh akan mula terang . Faham ? Jom mulakan ! ^^

Blogskin/Classic Template
1. Dashboard > Template
2. Press F3 dan cari code </style>
3. Copy code di bawah ni 
img{
-webkit-filter: brightness(-65%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
img:hover{
-webkit-filter: brightness(0%); 
}
4. Paste code di atas code yang korang cari tadi
5. Preview & save

Template Designer
1. Dashboard > Design > Edit HTML > Tick Expands Widget
2. Press F3 dan cari code ]]></b:skin>
3. Paste code di atas code yang korang cari tadi
4. Preview & save

Credit to : AtinTory

0 comments: