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