Web Game : Efek Transformasi

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:

.