niey misz nk bg dua step cra nk bg gmbar mmbsar @ mmbulat ktika dsntuh cursor..korang boleh la apply mna2 stu ye..jgn apply dua2 plak...ok
GAMBAR MEMBESAR KETIKA DISENTUH
1.DESIGN->TEMPLATE->EDIT HTML
2.control F
3.cri kod niey ;
<head>
4.dh jmpa.? copy koding niey plak ek ;
<style>
.post img:hover {
-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); }
</style>
.post img:hover {
-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); }
</style>
5.lpas 2 pastekn dibwh koding yg korang cri dkt step 3 td
6.save
7.view
GAMBAR MEMBULAT KETIKA DISENTUH
GAMBAR MEMBULAT KETIKA DISENTUH
1.DESIGN->TEMPLATE->EDIT HTML
2.control F
3.cri kod niey ;
/* Header
4.copy code dibwah ;
/*------ IMAGE ANIMATION------*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -webkit-border-top-right-radius:10; -webkit-border-top-left-radius:10; -webkit-border-bottom-right-radius:10; -webkit-border-bottom-left-radius:10;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 30px; -moz-border-radius: 30px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px solid #F781BE;padding: 0px;}
5.paste di ats @ sblum koding yg dicri di step 3
6.wrna merah 2 boleh ubah koding wrna mngikut ctarasa korang.
7.SAVE
8.VIEW
note : nk tkaq koding wrna korang, boleh tgk next tutorial ye.
✦❉ ❥❦❧❃ ❂❁ SELAMAT MENCUBA ❀✄☪ ☣☢☠☭♈
No comments:
Post a Comment