bagi anda yang mencari cara bagaimana agar gambar berputar dan membesar ketika kursor mouse mengarah ke gambar tersebut admin akan memberikan sedikit masukan.
contohnya bisa anda arahkan kursor mouse anda digambar yang anda diatas, jika memang seperti itu yang anda inginkan berikut kodenya :
<div id="titanial">
<a href=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-runfM-4JPsASEv6-8tGt79iufbwd6WhmCkmVQrp2sSyoUy-lomw14CG0btF3-rhVRXvarCvpdQgGkLR1AGi8h-qFqfTCAn3FV-t0kJTAvAR3MHklw_wWm22l0q-7VUMB15xFsHY1oy3w/s1600/Foto0419.jpg"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-runfM-4JPsASEv6-8tGt79iufbwd6WhmCkmVQrp2sSyoUy-lomw14CG0btF3-rhVRXvarCvpdQgGkLR1AGi8h-qFqfTCAn3FV-t0kJTAvAR3MHklw_wWm22l0q-7VUMB15xFsHY1oy3w/s1600/Foto0419.jpg" height=" 143" width=" 200" /></a></div>
<style> #titanial img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #titanial img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>
Text nya tidak bisa dicopy jadi saya sudah siapkan berkasnya dalam format .txt tinggal di DOWNLOAD
Keterangan : silahkan anda ganti yang berwarna Merah dengan Url yang ingin anda tuju ketika pengunjung mengklik gambar tersebut.
Kemudian ganti yang berwarna Biru dengan url gambar yang akan anda tampilkan.
Dan terakhir silahkan ganti ukuran gambar yang berwarna Hijau sesuai yang anda inginkan width untuk lebar, dan height untuk tinggi.
jika memang kode yang anda masukan tidak ada yang salah seharusnya gambar tersebut sudah jadi dan berhasil. dan tinggal anda letakkan dimana tempat yang anda inginkan, bisa dipostingan ataupun diletakan didalam gadget, bahkan bis juga untuk digunakan pada widget WORDPRESS
STOP COPY PASTE tanpa menyertakan sumber dengan JELAS. hargailah hasil karya tulis orang lain walaupun tidak berbobot. Hehehehehe.
|
2 comments:
keren nih gan,,,bisa di coba
coba dulu ah,,,
Post a Comment