Tuesday, January 1, 2013

Tutorial : Image Hover #10


LIVE PREVIEW
Hye!! Hari ni dah masuk tahun baru huhu.. Ok lah untuk hover kali ni , image hover menyenget >< . haha sorry Atin ni crazy sikit hari ni. XD
  • Blogskins/ Classic template : Paste codes ni sebelum code </style>
  • Template designer : Paste codes ni sebelum ]]></b:skin> 
img{
 margin: 20px; border: 5px solid #eee; 
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); 
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); 
box-shadow: 4px 4px 4px rgba(0,0,0,0.2); 
-webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
 }
img:hover{
 -webkit-transform: rotate(-7deg); 
-moz-transform: rotate(-7deg); 
-o-transform: rotate(-7deg); 
}

No comments: