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~
★ Chikechi chikebom
Hello! This is my second blog and as you can see, this is my tutorial blog. So dont "steel" or "copy" it. Thats a lot tutorial that I did'nt update yet, but one day I will update it. And please leave a comment. Btw, If you have any suggestion tutorial please leave at chat box. Ok, have fun! Kah kah
Slant Image Hover
Wednesday, October 24, 2012 | 11:07 PM |
0chingu(s)
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~
