Monday, December 31, 2012

Tutorial : Image Hover #9


LIVE PREVIEW
Assalamualikum, ok Atin tak cakap banyak korang just click je preview untuk lihat hover.. Untuk hover kali ni image mula akan jadi black jab, lepas tu akan jadi terang :D .. Dah berminat? bleh try hihi :D
  • Blogskins/ Classic template : Paste codes ni sebelum code </style>
  • Template designer : Paste codes ni sebelum ]]></b:skin> 
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%); 
}

No comments: