Tutorial Image Hover //
Assalamualaikum and annyeonghaseyo semuaa . Harini nina bgitau yg ade org request tuto kat cbox . Dalam busy2 , ni ade jugak org request . Hehee . Okay , x nk ckp banyak . Direquest oleh saya saya ! . Creadit to kak tieqa !
Classic Template/Blogskin users
1. Dashboard > Template
2. Tekan Ctrl +f dan cari code </style>
Template Designer Users
1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Tekan Ctrl+f dan cari code /* Header
3. Sekarang copy code dekat bawah ni
img {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
4. Lepas tu paste di atas code </style> or /* Header
5. Preview & save
P/s : awakk , yg request tuu . Kalau x jadi cakap tauu !Labels: Tutorial
|
Tutorial Image Hover //
Assalamualaikum and annyeonghaseyo semuaa . Harini nina bgitau yg ade org request tuto kat cbox . Dalam busy2 , ni ade jugak org request . Hehee . Okay , x nk ckp banyak . Direquest oleh saya saya ! . Creadit to kak tieqa !
Classic Template/Blogskin users
1. Dashboard > Template
2. Tekan Ctrl +f dan cari code </style>
Template Designer Users
1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Tekan Ctrl+f dan cari code /* Header
3. Sekarang copy code dekat bawah ni
img {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
4. Lepas tu paste di atas code </style> or /* Header
5. Preview & save
P/s : awakk , yg request tuu . Kalau x jadi cakap tauu !Labels: Tutorial
|