Thursday, 23 April 2015

Cara membuat gambar menjadi besar

Assalammualaikum, hari ini pada 23/04/2015 pensyarah saya meminta untuk mencari Kod HTML untuk membuat gambar yang biasa boleh bergerak dan besar bila disentuh.

Cara-cara melakukannya :

  • Log in pada Blogger

  • Selepas log in, pilih Templete > Edit Html
  • Kemudian cari kode </head> dan copy kod berikut dengan tepat di atas kode </head>

<style>#sundaboy 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;} #sundaboy img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

  • Selesai sahaja copy kod tersebut ikut format yang dibawah

<div id="sundaboy">
<a href="http://novanpeace.blogspot.com/"><img src="KODE GAMBAR" /></a></div>


Selesai sahaja copy kod tersebut cuba sentuh pada gambar yang dah dimasukkan itu. Semoga berjaya :)

No comments:

Post a Comment