Monday, December 17, 2012

Tutorial : Image Hover Text #2

Tumblr_mejycrb0sl1rbavh7o1_500_large
Adoi. Hari ni terpaksa buat 2 tutorial :(.. hmmm. Atin tunjuklah tutorial kali ni.. lihat je contoh photo bawah ni




  • Blogskin paste bawah </style>
  • Template designer paste dalam HTML/GADGET 
<style>
.img-hov{
background: url(URL BACKGROUND);
color: #000000;
width: 230px;
height: 150px;
margin-top:-151px;
border:2px solid #fed4eb;
opacity: 0;
-webkit-transition:all .5s ease-in-out;
}
.img-hov:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity: 1;
}
</style>

<img src="URL IMAGE" width="230" height="150"/>
<div class="img-hov" /><br/>
<center>
Put your text here
</center>
</div>



--------------------------------------------------------------------------

puple : image/background
hijau : color border 

No comments: