Thursday, 29 March 2012

Gambar membesar bila Cursor menyentuh






Assalammualaikum ! Hai . Hari ni Tinie buad tutorial cara2 nak bgi gambr besar. Maksud Tinie , bila cursor sentuh je gambar, gambar tu akan jadi besar. Paham ? Kalau paham jom kita buad. Just for Blogskin ye ! :-)

1. Dashboard > Template > Edit HTML
2. Press CTRL+F dan cari code ini : img {
3. Copy code ini :
border-radius:8px;
border: 0px;  opacity: .75;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
-webkit-transition-duration: 2s;
}
img:hover {
opacity: 100; filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
-webkit-transition: opacity .8s linear;
-moz-transition: opacity 1.5s linear;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
-webkit-transition-duration: 2s;
cursor: url(http://4.bp.blogspot.com/-pNLqCvHRkuE/TtzXEdF69HI/AAAAAAAABI8/0mAHQa6bsJo/s1600/comel+je+cursor.png), auto;
}
4. Paste kan di sebelah code img {
5. Preview and save !








No comments:

Post a Comment

Assalamualaikum
sila tinggalkan Comment anda di sini
satu pon jadilah hehe..