kotak miring

Belajar css part 3

<style type="text/css">
.kotak_miring{width:60px; cursor:pointer;border:3px #666666 solid; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; -webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-o-transform: rotate(-15deg);transform: rotate(-15deg);}
.kotak_miring:hover{ -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; -webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);-o-transform: rotate(1deg);transform: rotate(1deg);}
</style>

<div class="kotak_miring">sorot saya</div>

Hasil :

sorot saya

Pelajari css3