Friday, December 28, 2012

Tutorial : Image Hover #6

Tumblr_m5hohp9vff1r62gwno1_500_large

LIVE PREVIEW

Kali ni punya hover , ade border and belakangnya ada colour.. Kalau boleh tengok preview tau :D..
  • Blogskins/ Classic template : Paste codes ni sebelum code </style>
  • Template designer : Paste codes ni sebelum ]]></b:skin> 
img{
background:transparent:
box-shadow:inset 0 0px 0px #FCDFFF;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
padding:5px;
border:1px solid #FFE8E8;
}
img:hover{
box-shadow:inset 260px 0px 1px #FCDFFF,
inset -260px 0px 1px #F9B7FF;}

No comments: