Kumpulan Informasi Tentang Kuliah

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

close
==[ Klik disini 1X ] [ Close ]==