Menu


Menu Tab

Pages

Showing posts with label slide effect text overlay. Show all posts
Showing posts with label slide effect text overlay. Show all posts

Slide Effect Text Overlay

Slide Effect  Text Overlay
Memasang Kode Slide Effect  Text Overlay, kode ini dapat menampilkan Gambar dengan format JPG, GIF dan PNG serta Teks sebagai judul yang menuju kesatu postingan. Dibawah ini adalah kode tersebut berikut cara penerapannya
Login ke akun blog klik entri halaman baru HTML
copy kode berikut ini dan pastekan kedalam halaman baru tersebut klik simpan selesai
<style type="text/css">
.container {
position:relative;
overflow:hidden;
}
.container .textbox {
width:350px;
height:250px;
position:absolute;
top:0;
left:0;
margin-top:-160px;
border-radius:5px;
background-color: rgba(30.144.255);
-webkit-box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,.75);
box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,.75);
}
.container:hover .textbox {
margin-top:0;
}
.text {
padding-top: 50px;
}
.textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
</style>
<div class="container">
<img src="http://Link Gambar" alt="img5">
<div class="textbox">
<p class="text">
<a href="Your Link" target="_blank">Your Text</p></a>

</div>
</div>

Penjelasan :
Terapkan Link dan edit kode yang di warnai
All Sources
Edited by. Myscript2010

Myscript2010

Home Page
 
 

M2010

Copyright © Cibeber Cimahi