tutorial kesan pada gambar apabila dilalui cursor
Monday, 26 December 2011 | 22:23 | 1 comments
assalammualaikum,,
tuto hari ni ialah
kesan pada gambar apabila dilalui cursor
1.pergi dashboard > design > edit html
2.tekan CTRL dengan F . cari code kt bawh ni,
a img {
3.delete code selepas a img { .(xfaham tengok pict ni)
4.dah faham?copy code bawah nie dan gantikan dengan code yang korang delete tadi.
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}
(xfaham,tengok pict bwh ni)
dah? preview ,, xada error,, save,
kalau tak jumpa code a img {
ikut step bawah ni,
1.cari code /* Headings atau /* Header
2.dah jumpa? copy code bawah ni, dan paste SEBELUM /* Headings atau /* Header
a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}
selamat mencuba!