Gambar membesar bila Cursor menyentuh
Assalammualaikum ! Hai . Hari ni aku buad tutorial cara2 nak bgi gambr besar. Maksud aku , 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/AVvXsEjUrnPDz0EifQXt0vbM5Fx_4eGikSyA0I79uQ8bv0QM_YCAJiIkdUMOFOkR2n7XyMg9m3I9OKV2GTikcJX7AyQo5rwJWadXJ6cGZm7iRlKiJIVfxvV-mY7q-kh5YXbPq6PFXFqv1N02gqk/s1600/comel+je+cursor.png), auto;
}
4. Paste kan di sebelah code img {
5. Preview and save !
Older Post | Newer Post
