| | Ada coding untuk beri efek zoom gak, gan |
|
| | pake css juga bisa gan, cuma transisi, transform, sama hover doang gan |
|
| | Minta cth scriptnya gan, biar saya copas |
|
| | img.zoom {
-moz-transition: all 0.26s ease-in;
-webkit-transition: all 0.26s ease-in;
-o-transition: all 0.26s ease-in;
}
img.zoom:hover{
-moz-transition: all 0.26s ease-out;
-webkit-transition: all 0.26s ease-out;
-o-transition: all 0.26s ease-out;
-moz-transform:scale(2.0);
-webkit-transform:scale(2.0);
-o-transform:scale(2.0);
} |
|
| | itu brlaku bwt <img class="zoom" src=""> gitu gan |
|
| | kalo pngaturan besarnya zoom, tinggal ente ubah aja value
scale(2.0) => scale(valueEnte) => misal : scale(1.5) atau scale(3.0) |
|
| | Itu codenya jadikan satu ya gan, misalnya coba.php. . |
|
| | iya gan , itu css 3 , jadi bwt script aja di file itu
<style>
/* ... code css tadi ... */
</style>
...
taruh di atas </head> gan .. |
|
| | Waduh, ane malah jadi bingung gan. . Gimana kalau agan kasih ane yg udah jd. .biar saya edit sendiri. . .hehe |
|
| | script ente mana gan ? biar ane edit in .. |
|
| | Kayanya harus belajar dasar dulu biar ga bingung, lihat w3school mungkin ada dasar2 CSS :) |
|
| | Ahmad Zaki Fuadi @ bener kata agan ini , hehe ...
blajar awalnya dlu aj gan AgUz Cuah PlumUtan , pelan** .. itu yg ane kasih script CSS3 .. |
|
| | <img src='gambar width='120' height='100'><img src='gambar2' width='120' height='100'> ket: gambar terserah agan. . |
|
| | http://www.w3schools.com/css/ |
|
| | #Ahmad&albert_maaf gan ini ane udah buat web gan, buat ujikompetensi , ane tinggl beri efek2nya aja. .biar web nya lumayan, . .dimata guru. . .hehe |
|
| | #Ahmad. Itu materi ya gan |
