Kumpulan Informasi Tentang Kuliah dan Karir di Indonesia

Sunday, July 12, 2015

Web Game : Efek Transformasi

9:51:00 AM Posted by Abdul Rohman No comments
Efek transformasi digunakan untuk mengubah posisi gambar dengan rotate, scale dan margin. Proses transformasi dipanggil dengan menggunakan mouse atau keyboard. Contoh dibawah ini adalah memberikan efek transformasi dengan mengubah rotasi, mengubah skala, dan mengubah margin.

<html>
    <head>
<style>
img {
-webkit-transform: rotate(0deg) scale(1);
margin: auto;
text-align: center;
}
img:hover {
-webkit-transform: rotate(180deg) scale(2);
}
</style>
    </head>
    <body>
<br/><br/><br/><br/>
<center>
<img src="sheriff.jpg" />
</center>
    </body>
</html>


Hasilnya:










.

0 komentar:

Post a Comment