CSS3

Pelajari css3 part 4

<style type="text/css">
.animasi{-webkit-transition: 2s; transition: 2s;-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow: 5px 5px 5px #ccc; text-shadow: 5px 5px 5px #ccc;font-size: 14px;padding:2px; margin-left: 5%; width: 70px;  height:70px;border: 2px #555555 solid; -webkit-border-radius:7px; cursor: pointer;}
.animasi:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow: 5px 5px 5px #ccc; text-shadow: 5px 5px 5px #ccc;font-size: 14px;padding:2px; width: 70px;  height:70px;border: 2px #555555 solid; -webkit-border-radius:7px; cursor: pointer;}
</style>
<div class="animasi">sorot saya</div>

hasil :

sorot saya