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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVnIDuvsbUQT_PAHwpWw_O-Z6JWhtxJcApp8HEA95Ad8m9eYnVoExuZwILlrgTHb1F0fhq1W3BNp3FoN7xcq2j40xfENVKtRyXCL_SGcJ0C7gXyyG9mCpQATLSgxovaiS4ngBmM_olgVU/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..