Credit Hover Slide

Hai guys.... Aku mau kasih tutorial nih! Langsung aja ya...

PREVIEW

• Dashboard >>> Tata Letak >>> HTML/Javascript
• Copy kode di bawah:

     <center><style type="text/css"> #side{margin-right:-1px;width:200px;height:200px;overflow:hidden;}    #text{text-align:center;width:200px;height:200px;padding:5px;overflow:auto;color:#363636;background: #FFFFFF; }

    #picture{margin-left:-200px;width:200px;height:220px;overflow:hidden;-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
    #side:hover #picture{margin-left:-590px;}
    </style>
    <table id="side" border="0" cellpadding="0" cellspacing="0" ><tr><td><div id="text"><center>TULIS KATA-KATAMU DI SINI</center></div></td><td><center><div id="picture"><img src="URL Gambar" /></div></center></td></tr></table></center>

• Edit dulu di sini
• Save