Ahaks






Slant Image Hover
Wednesday, October 24, 2012 | 11:07 PM | 0 Students
Assalamualaikum and Hai 


Hari ni saya nak buat tutorial pasal gambar. Bukan nak kasi gambar free, cuma macam mana nak kasi gamabr tu bergerak. Okay, kalau nak tahu macam mana, bukak profile ini then, letak cursor dekat gambar tu. Dia bergerak kan? Okay, begini caranya.

  • CTRL+F code , img{
  • Copy code dekat bawah ni dan replace dekat code yang tadi.
img {
-webkit-transition: 0.5s;
border-radius: 10px;
}
img:hover {
-webkit-transition-duration: 0.5s;
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
}

  • Kalau takda ada code yang dicari tadi, copy code di atas and paste code sebelum code </style>
Preview and save! Tadaa~