Sunday, July 12, 2015

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:










.

0 komentar:

Post a Comment

 
Copyright © . Grup Kuliah - Posts · Comments
Powered by Blogger
close
==[ Klik disini 1X ] [ Close ]==